:root{
  --np:#e0aaff;
  --nm:#ff00ff;
  --nc:#00ffff;
  --wa:#25d366;
  --call:#00ff2a;
  --dark:#0a001f;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Rajdhani',sans-serif;
  background:#000;
  color:#fff;
  overflow-x:hidden;
  background:radial-gradient(circle at 30% 70%,#1a0033 0%,#000 80%);
  min-height:100vh;
}

a{
	color: #fff;
}
p{
	font-size: 25px;
}
/* Background Effects */
body::before{
  content:'';
  position:fixed;
  top:0;left:0;width:100%;height:100%;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),
             repeating-linear-gradient(90deg,rgba(0,255,255,.03) 0,transparent 1px,transparent 50px,rgba(255,0,255,.03) 50px);
  pointer-events:none;
  z-index:1;
  opacity:.4;
  animation:gridMove 80s linear infinite;
}
@keyframes gridMove{0%{background-position:0 0}100%{background-position:100px 100px}}

.particles{
  position:fixed;
  top:0;left:0;width:100%;height:100%;
  pointer-events:none;
  z-index:2;
}

/* Header & Mobile Menu (TOGGLE NOW WORKS PERFECTLY) */
header{
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
  background:rgba(10,0,35,.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(0,255,255,.4);
  padding:1rem 0;
}
nav{
  max-width:1400px;
  margin:0 auto;
  padding:0 1.5rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
}
.logo{
  font-family:'Orbitron',sans-serif;
  font-size:2.8rem;
  font-weight:900;
  background:linear-gradient(90deg,var(--np),var(--nm),var(--nc));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 40px var(--nm);
}
.mobile-toggle{
  display:none;
  font-size:2.5rem;
  color:var(--nc);
  cursor:pointer;
  z-index:1001;
}
.nav-links{
  display:flex;
  gap:2.5rem;
  align-items:center;
}
.nav-links a{
  color:#eee;
  text-decoration:none;
  font-weight:600;
  font-size:2.1rem;
  text-shadow:0 0 10px var(--np);
  transition:.4s;
}
.nav-links a:hover{
  color:var(--nc);
  text-shadow:0 0 25px var(--nc);
}

/* Mobile Menu Fix */
@media (max-width:992px){
  .mobile-toggle{display:block}
  .nav-links{
    position:fixed;
    top:0;left:0;width:100%;height:100vh;
    background:rgba(5,0,25,.99);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3rem;
    font-size:2.2rem;
    transform:translateY(-100%);
    transition:transform .6s cubic-bezier(.68,-.55,.27,1.55);
    padding:2rem;
    z-index:999;
  }
  .nav-links.active{transform:translateY(0)}
  .logo{font-size:2.2rem}
}

/* Hero – TEXT NOW VISIBLE */
.hero{
	padding-top: 50px;
  position:relative;
  height:100vh;
  min-height:600px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?ixlib=rb-4.0.3&auto=format&fit=crop&q=80') center/cover no-repeat;
}
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(45deg,rgba(224,170,255,.35),rgba(255,0,255,.5),rgba(0,255,255,.35));
  animation:gradientShift 15s ease infinite;
  background-size:400% 400%;
  z-index:1;
}
.hero-content{
  position:relative;
  z-index:10;
  padding:0rem;
}
.hero-content h1{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2rem,10vw,8rem);
  font-weight:900;
  letter-spacing:8px;
  background:linear-gradient(90deg,var(--np),var(--nm),var(--nc));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 60px var(--nm);
  -webkit-background-clip: text;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
  margin-bottom:1rem;
}
.hero-content h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(3rem,8vw,5.5rem);
  margin-bottom:1.5rem;
  background:black;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 40px var(--nm);
}
.hero-content h4{
  font-size:clamp(1.2rem,4vw,2rem);
  opacity:0.9;
  margin:1.5rem 0;
}

/* Buttons */
.btn-group,.card-btns,.modal-btns,.location-buttons{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  justify-content:center;
  margin:2rem 0;
}
.call-btn,.wa-btn,.location-btn{
  padding:1rem 2.5rem;
  font-size:1.2rem;
  font-weight:bold;
  border-radius:50px;
  transition:.5s;
  text-decoration:none;
  display:inline-block;
}
.call-btn{
	background: #ff00ff;
    color: #000;
    border: 3px solid #e0aaff;
    box-shadow: 0 0 50px #fff;	}
.call-btn:hover{transform:scale(1.1);box-shadow:0 0 90px var(--call)}
.wa-btn{background:var(--wa);color:#000;border:3px solid var(--wa);box-shadow:0 0 50px var(--wa)}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 0 90px var(--wa)}
.call-btn.small,.wa-btn.small{padding:0.8rem 1.8rem;font-size:1rem}



/* Sections */
.section{
  padding:2rem 5% 0rem;
  text-align:center;
  position:relative;
  z-index:5;
}
h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2rem,8vw,5.5rem);
  margin-bottom:1.5rem;
  background:white;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 40px var(--nm);
}
h3{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(1.5rem,8vw,5.5rem);
  margin-bottom:1.5rem;
  background:white;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 40px var(--nm);
}

h4{
	font-family:'Orbitron',sans-serif;
  font-size:clamp(1rem,8vw,5.5rem);
  margin-bottom:1.5rem;
  background:white;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 40px var(--nm);
  }
  
h5{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(0.8rem,8vw,5.5rem);
  margin-bottom:1.5rem;
  background:white;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 40px var(--nm);
}

/* Grid & Cards */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:2.5rem;
  max-width:1600px;
  margin:3rem auto;
  padding:0 1rem;
}
.card{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  border:3px solid transparent;
  background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,var(--np),var(--nm),var(--nc),var(--np)) border-box;
  animation:neonBorder 8s linear infinite;
  transition:.6s;
}
@keyframes neonBorder{0%{border-image-source:linear-gradient(45deg,var(--np),var(--nm))}50%{border-image-source:linear-gradient(45deg,var(--nm),var(--nc))}100%{border-image-source:linear-gradient(45deg,var(--nc),var(--np))}}
.card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 0 80px rgba(0,255,255,.7)}
.card img{width:100%;height:480px;object-fit:cover;object-position:top;filter:brightness(.9) contrast(1.1);transition:.8s}
.card:hover img{filter:brightness(1.3) contrast(1.2);transform:scale(1.1)}
.card-overlay{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:linear-gradient(transparent,rgba(0,0,0,0.9));
  padding:2rem 1rem 1.5rem;
  text-align:center;
}
.card-overlay h3{font-family:'Orbitron',sans-serif;font-size:1.8rem;text-shadow:0 0 20px var(--nm);margin-bottom:0.5rem}
.card-overlay h5{font-size:1.1rem;opacity:0.9;margin-bottom:1rem}

/* Tags */
.tags{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  justify-content:center;
  margin:2rem 0;
}
.tag{
  background:rgba(255,0,255,0.2);
  padding:0.8rem 1.8rem;
  border-radius:30px;
  border:1px solid var(--nm);
  font-size:1rem;
  text-shadow:0 0 10px var(--nm);
}

/* Location Buttons – NOW VISIBLE AGAIN */
.location-buttons{
  gap:1.5rem;
  margin:3rem 0;
}
.location-btn{
  background:rgba(0,255,255,0.2);
  color:#fff;
  border:2px solid var(--nc);
  box-shadow:0 0 30px rgba(0,255,255,0.4);
}
.location-btn:hover{
  transform:scale(1.1);
  background:var(--nc);
  color:#000;
}

/* Video Grid */
.video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:2rem;
  max-width:1200px;
  margin:3rem auto;
}
video{width:100%;border-radius:20px;box-shadow:0 0 60px rgba(255,0,255,0.5)}

/* Table */
table{
  width:100%;
  max-width:900px;
  margin:3rem auto;
  border-collapse:collapse;
  font-size:1.1rem;
}
th,td{border:1px solid var(--nc);padding:1.2rem;text-align:center}
th{background:rgba(255,0,255,0.2);text-shadow:0 0 15px var(--nm)}

/* Reviews */
.reviews-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:2rem;
  max-width:1400px;
  margin:3rem auto;
  padding:0 1rem;
}
.review-card{
  background:rgba(255,255,255,0.05);
  padding:2rem;
  border-radius:20px;
  border:1px solid var(--nc);
  box-shadow:0 0 40px rgba(0,255,255,0.3);
  text-align:center;
}
.stars{font-size:2.5rem;color:#ffd700;letter-spacing:0.5rem;margin-bottom:1rem;text-shadow:0 0 20px #ffd700}

/* Terms & Conditions – BORDERS FIXED */
.terms-box{
  max-width:900px;
  margin:3rem auto;
  background:rgba(255,255,255,0.05);
  padding:3rem;
  border-radius:20px;
  border:3px solid var(--nc);
  box-shadow:0 0 60px rgba(0,255,255,0.4);
  text-align:left;
  line-height:1.8;
}
.terms-box ul{
  margin:1.5rem 0;
  padding-left:2rem;
}
.terms-box li{
  margin:0.8rem 0;
  list-style:disc;
  font-size: larger;
}

/* FAQ */
.faq-item{margin:2rem 0;background:rgba(0,0,0,0.4);border-radius:15px;overflow:hidden;border:1px solid var(--nc)}
.faq-q{background:rgba(255,0,255,0.2);padding:1.8rem;font-weight:bold;font-size:1.3rem;cursor:pointer}
.faq-a{padding:1.8rem;display:none;background:rgba(0,255,255,0.05);font-size:1.1rem}
.faq-a.active{display:block}

/* Modal */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(10px)}
.modal.active{display:flex;animation:modalPop .8s}
@keyframes modalPop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.modal-content{background:rgba(20,0,40,.95);padding:3rem;border-radius:20px;border:3px solid var(--nc);box-shadow:0 0 100px var(--nm);width:90%;max-width:500px;position:relative}

/* Age Gate – NOW BACK */
.age-gate{
  position:fixed;
  top:0;left:0;width:100%;height:100%;
  background:linear-gradient(135deg,#000,#1a0033);
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2rem;
}
.age-gate-content h1{font-size:6rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--np),var(--nm));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.age-gate-content h3{font-size:2.5rem;margin:1rem 0}
.age-gate-btns{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.age-gate-btns button,.age-gate-btns a{padding:1.5rem 4rem;font-size:1.5rem;width:80%;max-width:400px;border-radius:50px}

/* Footer */
footer{padding:4rem 2rem;text-align:center;background:#000;border-top:1px solid rgba(0,255,255,.2)}
footer h5{font-size:1.4rem;margin-bottom:0.5rem}

/* Mobile Fixes */
@media (max-width:480px){
  .float-btn{width:55px;height:55px}
  .call-float{right:80px}
  .wa-float{right:15px}
  .card-overlay h3{font-size:1.6rem}
  .btn-group,.location-buttons{flex-direction:column;align-items:center}
  .call-btn,.wa-btn,.location-btn{width:50%;max-width:300px}
  .terms-box{padding:2rem}
}
/* PERFECT GIRLS GRID - BEAUTIFUL ON DESKTOP & MOBILE */
.girls-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2.5rem;
    max-width: 1600px;
    margin: 3rem auto;
    padding: 0 2rem;
}

.girl-card-link {
    text-decoration: none;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(145deg, #1a0033, #000);
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    transition: all 0.4s ease;
}

.girl-card-link:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 60px rgba(233,30,99,0.4);
    border: 2px solid #ff00ff;
}

.girl-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.girl-img-wrapper {
    position: relative;
    overflow: hidden;
    height: 480px;
}

.girl-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 0.8s ease;
}

.girl-card-link:hover img {
    transform: scale(1.12);
}

.girl-info {
    padding: 1.8rem;
    background: rgba(0,0,0,0.8);
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.girl-info h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, #e0aaff, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.girl-info h5 {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 1.2rem;
}

.girl-btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.girl-btns span {
    padding: 0.7rem 1.8rem;
    border-radius: 50px;
    font-weight: bold;
    font-size: 0.95rem;
    transition: all 0.3s;
}

.girl-btns .call-btn {
    background: var(--call);
    color: #000;
}

.girl-btns .wa-btn {
    background: var(--wa);
    color: #000;
}

/* Mobile Perfection */
@media (max-width: 768px) {
    .girls-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 0 1rem;
    }
    .girl-img-wrapper {
        height: 420px;
    }
    .girl-info h3 {
        font-size: 1.8rem;
    }
}
/* PROFILE PAGE – GOD TIER DESIGN */
.profile-hero {
    position: relative;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
}

.profile-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    filter: brightness(0.6);
}

.profile-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.95));
    padding: 8rem 2rem 4rem;
    text-align: center;
    z-index: 10;
}

.badges {
    margin-bottom: 1.5rem;
}

.badge {
    display: inline-block;
    padding: 0.6rem 2rem;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.verified {
    background: linear-gradient(90deg, #00ff00, #00ffff);
    color: #000;
    box-shadow: 0 0 40px #00ffff;
    animation: glow 2s infinite alternate;
}

.premium {
    background: linear-gradient(90deg, #ff00ff, #e0aaff);
    color: #fff;
    box-shadow: 0 0 40px #ff00ff;
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    from {box-shadow: 0 0 20px;}
    to {box-shadow: 0 0 50px;}
}

.profile-overlay h1 {
    font-size: clamp(4rem, 10vw, 7rem);
    margin: 0.5rem 0;
    background: linear-gradient(90deg, #e0aaff, #ff00ff, #00ffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 80px #ff00ff;
}

.star-rating {
    font-size: 3.5rem;
    color: #ffd700;
    letter-spacing: 1rem;
    margin: 1.5rem 0;
    text-shadow: 0 0 30px #ffd700;
}

.profile-quick-stats {
    font-size: 1.4rem;
    margin: 2rem 0;
    opacity: 0.9;
}

.profile-actions {
    margin: 3rem 0;
}

.profile-actions .call-btn, .profile-actions .wa-btn {
    padding: 1.5rem 4rem;
    font-size: 1.6rem;
    margin: 0 1rem;
}

/* NEON TABLES */
.neon-table {
    width: 100%;
    max-width: 700px;
    margin: 3rem auto;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.2rem;
}

.neon-table th, .neon-table td {
    padding: 1.5rem;
    text-align: left;
    border-bottom: 1px solid rgba(0,255,255,0.3);
}

.neon-table th {
    background: rgba(255,0,255,0.1);
    color: var(--nc);
    text-shadow: 0 0 15px var(--nm);
}

.neon-table td strong {
    color: var(--call);
    font-size: 1.8rem;
}

/* PROFILE GALLERY - ABSOLUTELY PERFECT */
.profile-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    max-width: 1400px;
    margin: 4rem auto;
    padding: 0 2rem;
}

.profile-gallery img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center top;
    border-radius: 20px;
    border: 3px solid var(--nc);
    box-shadow: 0 0 50px rgba(0,255,255,0.5);
    transition: all 0.6s ease;
}

.profile-gallery img:hover {
    transform: scale(1.08);
    box-shadow: 0 0 90px rgba(255,0,255,0.8);
    border-color: var(--nm);
}

/* Mobile Perfection */
@media (max-width: 768px) {
    .profile-overlay {padding: 6rem 1.5rem 3rem}
    .profile-actions .call-btn, .profile-actions .wa-btn {
        display: block;
        width: 85%;
        margin: 1rem auto;
    }
    .profile-gallery {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1.5rem}
    .profile-gallery img {height: 380px}
}

@media (max-width: 480px) {
    .profile-overlay {padding: 5rem 1rem 2.5rem}
    .profile-overlay h1 {font-size: 3.5rem}
    .profile-gallery {grid-template-columns: 1fr}
    .profile-gallery img {height: 420px}
}
.badges {
    margin-bottom: 1.5rem;
    text-align: center;
}

.badge {
    display: inline-block;
    padding: 0.6rem 2rem;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    animation: glow 2s infinite alternate;
}

.verified {
    background: linear-gradient(90deg, #004d00, #00ff00);
    color: #fff;
    box-shadow: 0 0 40px #00ff00;
}

.premium {
    background: linear-gradient(90deg, #4b0082, #ff00ff);
    color: #fff;
    box-shadow: 0 0 40px #ff00ff;
}

.star-rating {
    font-size: 3.5rem;
    color: #ffd700;
    letter-spacing: 0.8rem;
    margin: 1.5rem 0;
    text-shadow: 0 0 30px #ffd700;
}
.girl-img-wrapper {
    position: relative;
    height: 480px;
    overflow: hidden;
}

.girl-badges {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
}

.girl-stars {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0,0,0,0.7);
    padding: 0.5rem 1rem;
    border-radius: 30px;
    font-size: 1.8rem;
    color: #ffd700;
    text-shadow: 0 0 20px #ffd700;
    z-index: 10;
    backdrop-filter: blur(5px);
}

/* Mobile */
@media (max-width: 480px) {
    .girl-badges {top: 10px; left: 10px; gap: 6px}
    .girl-stars {top: 10px; right: 10px; font-size: 1.6rem; padding: 0.4rem 0.8rem}
}
.girls-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 3rem;
    max-width: 1600px;
    margin: 4rem auto;
    padding: 0 2rem;
}

.girl-card-wrapper {
    text-align: center;
}

.girl-card-link {
    display: block;
    text-decoration: none;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
    transition: all 0.4s ease;
    background: linear-gradient(145deg, #1a0033, #000);
}

.girl-card-link:hover {
    transform: translateY(-20px);
    box-shadow: 0 0 40px 100px rgba(233,30,99,0.6);
}

.girl-card {
    position: relative;
}

.girl-main-img {
    width: 100%;
    height: 580px;
    object-fit: cover;
    object-position: top;
}

.girl-badges-top {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10;
}

.girl-rating-bottom {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    padding: 0.6rem 1.8rem;
    border-radius: 50px;
    font-size: 2rem;
    color: #ffd700;
    text-shadow: 0 0 20px #ffd700;
    z-index: 10;
    backdrop-filter: blur(8px);
}

.girl-name-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    padding: 3rem 1rem 2rem;
    text-align: center;
}

.girl-name-overlay h3 {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, #e0aaff, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.girl-name-overlay h5 {
    font-size: 1.2rem;
    opacity: 0.9;
}

.girl-buttons-below {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.girl-buttons-below .call-btn,
.girl-buttons-below .wa-btn {
    padding: 1rem 2.trim2.5rem;
    font-size: 1.1rem;
}

/* Mobile */
@media (max-width: 480px) {
    .girls-grid {gap: 2.5rem; padding: 0 1rem}
    .girl-main-img {height: 500px}
    .girl-rating-bottom {bottom: 80px; font-size: 1.8rem}
}
.video-container {
    max-width: 900px;
    margin: 3rem auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 80px rgba(255,0,255,0.6);
    border: 3px solid var(--nc);
}

.video-container video {
    width: 100%;
    height: auto;
    display: block;
}
/* CITY PAGES - PERFECT MOBILE RESPONSIVE GRID */
.girls-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 3rem;
    max-width: 1600px;
    margin: 4rem auto;
    padding: 0 2rem;
}

.girl-card-wrapper {
    text-align: center;
}

.girl-card-link {
    display: block;
    text-decoration: none;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
    transition: all 0.4s ease;
    background: linear-gradient(145deg, #1a0033, #000);
}

.girl-card-link:hover {
    transform: translateY(-20px);
    box-shadow: 0 0 80px rgba(233,30,99,0.6);
}

.girl-card {
    position: relative;
}

.girl-img-wrapper {
    position: relative;
    height: 580px;
    overflow: hidden;
}

.girl-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 0.8s ease;
}

.girl-card-link:hover img {
    transform: scale(1.12);
}

.girl-badges-top {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10;
}

.girl-rating-bottom {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    padding: 0.6rem 1.8rem;
    border-radius: 50px;
    font-size: 1rem;
    color: #ffd700;
    text-shadow: 0 0 20px #ffd700;
    z-index: 10;
    backdrop-filter: blur(8px);
}

.girl-info {
    padding: 2.5rem 1.5rem;
}

.girl-info h3 {
    font-size: 2.4rem;
    margin-bottom: 0.8rem;
    background: linear-gradient(90deg, #e0aaff, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.girl-info h5 {
    font-size: 1.3rem;
    opacity: 0.9;
}

.girl-buttons-below {
    padding: 0 1.5rem 2.5rem;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
}

.girl-buttons-below .call-btn,
.girl-buttons-below .wa-btn {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    flex: 1;
}

/* MOBILE PERFECTION */
@media (max-width: 768px) {
    .girls-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding: 0 1.5rem;
    }
    .girl-img-wrapper {
        height: 500px;
    }
    .girl-rating-bottom {
        bottom: 0px;
        font-size: 1rem;
    }
    .girl-buttons-below {
        flex-direction: column;
    }
    .girl-buttons-below .call-btn,
    .girl-buttons-below .wa-btn {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .girl-img-wrapper {
        height: 420px;
    }
    .girl-info h3 {
        font-size: 2rem;
    }
}