* { margin: 0;padding: 0;box-sizing: border-box; }
body {
     font-family: 'Poppins', sans-serif;
     background:#3A1C5A;line-height: 1.6;
     overflow-x: hidden;scroll-behavior: smooth;   }
            
.hero{
margin:15px;margin-top:15px;font-size:12px;
color:white;text-align:center;padding:30px 20px;border-bottom-left-radius:15px;background:#27275C;
border-top-right-radius:15px;border:1px solid #996514;}

header {
background:#930036;padding:10px 20px;top:0;z-index:100; }
  
.header-container {
  display: flex; justify-content: space-between;
  align-items:center;max-width:1200px;margin: 0 auto;}

.logo {
  font-family: 'Montserrat', sans-serif;font-size:1.4rem;
  font-weight:600;line-height:1.3;color:white;}

.contact-info {
  display: flex;align-items: center;gap: 15px;
  font-size: 0.9rem;color: white; }
 
.hamburger {
    display: none;flex-direction: column;
    cursor: pointer;padding: 5px;  }

.hamburger span {
    width:25px;height:3px;background:white;
    margin:3px 0;border-radius:2px; }

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px); }

.hamburger.active span:nth-child(2) {opacity: 0;  }
   
.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);}

.mobile-menu {
 position:fixed;left:0;right:0;max-width:100%;
 width:100%;z-index:101;padding:20px;opacity:0;visibility:hidden; }
 
.mobile-menu.active { opacity: 1; visibility: visible; }
     
main {
padding:2px 15px;max-width:1200px;margin:0 auto; }

.profiles-grid { margin-bottom:50px;
    display:grid;gap:15px; grid-template-columns:1fr;}

.girl-profile {
      grid-template-columns:250px 1fr;border-radius:2px;
   overflow:hidden;display:grid;border:1px solid maroon;
    min-height: 220px;align-items: stretch; background:#4A2F67;}

.girl-img { 
   height:100%;overflow:hidden;position: relative; }
        
.girl-img img {
width:100%;object-fit:cover;transition: none;}
   
.girl-info {
padding:25px;display:flex;min-height: 220px;flex-direction: column;justify-content:space-between;}

.girl-content {
     flex-grow:1;display: flex;
     flex-direction: column;justify-content: center;}
     
.girl-name {
   font-size:12px;font-weight: bold;color: white;}
       
.girl-details {
    font-size:13px;color:#B7AABD;margin-bottom:20px;
    line-height:1.6;flex-grow: 1;}

.btn-group { display:flex;gap:12px;margin-top:auto; }

.btn {
      padding:7px 1px;font-size:0.85rem;flex: 1;
      border:none;border-radius:4px;color: white;
      cursor:pointer;display:flex;justify-content:center;
      align-items:center;gap:6px;text-decoration:none; }

.btn.whatsapp { background:#327804; }
.btn.call { background:#930036;}

.homepage-article {
  margin:10px 0px;padding:40px 0px;text-align:justify;}
           
.homepage-article a{
 	color:black;background:#D39814;}
 
.homepage-article h2 {
    font-weight: 900;text-align: center; font-size:30px;
    line-height: 1.3; padding:5px;color:#EA75A5;
  text-shadow: 2px 2px 4px #000;}
    
.homepage-article h3 {
    line-height: 1.3;font-size:70px;
    font-weight:400;text-shadow:2px 2px 4px #000;
    font-size: clamp(1.5rem, 4vw, 2rem);padding:5px;
    color: #EA75A5;background:#C7ABF0; }
    
.homepage-article p {
 margin:10px 10px;color:#B7AABD;line-height:1.8;font-size:15px; }      
  
table {
width:96%;border-collapse:collapse;color: white;
margin:10px;font-size:14px;}

th { padding:12px;border:1px solid #e5ad53;}

td {padding:12px;border:1px solid #e5ad53;}

footer {
	background:#0B123C;padding:30px 20px 20px;}
    
.footer-content {
   max-width:1200px;margin:0 auto;display:grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px; }

.footer-section h3 {
     font-size: 1.3rem;margin-bottom: 20px; }
     
.footer-section p, .footer-section li {
     color: #bdc3c7;line-height: 1.8;  }
     
.footer-section ul { list-style: none;  }
.footer-section ul li { margin-bottom: 8px;cursor: pointer;}

.footer-bottom {
    text-align: center;margin-top: 40px;color: #95a5a6;
    padding-top: 20px;border-top: 1px solid #34495e; }

        @media (max-width: 768px) {
.hamburger { display: flex; }
.contact-info {display: none; }
.girl-profile {
      grid-template-columns:130px 1fr;min-height:1px;}
.girl-info {
       padding:10px;min-height: 1px;font-size: 7.5rem;}

.girl-name { font-size: 16px;}
.girl-img img { height: 100%;}
.mobile-menu { text-align: center; }

.tags-section { margin-bottom:19px;}

.tags-title {
font-size:24px;font-weight: bold;text-align: center;margin:20px; }

.tags-box {
margin:0px 20px;display:flex;flex-wrap:wrap;gap:18px;
justify-content:center;border-bottom-left-radius:150px;}

.tag { color:#B7AABD;
background:#492D65;padding: 8px 8px;
border-bottom-left-radius: 15px;cursor: pointer;
border-top-right-radius: 15px;font-size:12px;}
    
.mobile-menu{ background:#000; }

.city-list.direct{
  list-style:none;margin:0;padding:0;width:100px;     
  margin-left:auto;margin-right:0px; }
  
.city-list.direct li{ margin:14px 0; }

.city-list.direct a{
  display:block;color:#fff;text-decoration:none;
  text-align:left;transition:0.3s; }

.city-list.direct a:hover, .city-list.direct a.active{
  color:#ff2f6d;transform:translateX(6px);}
  
.location-item a {text-decoration:none; color:#000;}

.location-item a:hover{text-decoration:none;color:#000;}
  
.review-card {
margin:20px 15px;padding:12px;background:#5D2C7E;border-radius:5px;box-shadow:0 5px 12px #0003;}

.review-text{font-size:13px;color:#B7AABD;}
.review-name{font-size:14px;color: white;}

.faq-section p { 
color:#B7AABD;margin-left: 15px; font-size:14px;}
p { font-weight: normal; line-height: 1.6;}
p b { font-weight: 900;    }

.reviews-title, .faq-title, .tags-title, .location-title {
  text-align: center;font-weight: bold;color:#E0AC12;
  font-weight: 900;line-height: 1.3;font-size: 1.5rem; }
  
.location-wrapper {
  padding: 0 20px;margin: 30px 0;}

.location-grid {
  display: grid;gap: 12px;
  grid-template-columns:repeat(auto-fit, minmax(90px, 1fr)); }

.location-item {
 text-align:center;padding:8px 6px;white-space:nowrap;
 font-size:13px;border:1px solid #ccc;border-radius:4px;
 background: #5D2C7E;  }
 
.location-item a {color:#B7AABD;}


/* Header */
.main-header{ width:100%;
  background: #000;color: #fff;text-align: center; }

/* Video Section */
.video-section{ width: 100%;overflow: hidden;}
.video-section video{ width:100%;object-fit: cover; }



@media (min-width:1769px) {


  .faq-section,
  .tags-section,
  .location-section {
    max-width: 1100px;
    margin: 50px auto;
    padding: 20px 40px;
  }

  .faq-section p {
    font-size: 16px;
    line-height: 1.9;
  }

  .tags-box {
    justify-content: flex-start;
  }

  .location-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }

}