:root{
  --bg:#ffffff;
  --bg-soft:#f7f7f5;
  --text:#1b1b1b;
  --text-light:#6b6b6b;
  --gold:#c8a96b;
  --gold-dark:#a78646;
  --line:#e8e4db;
  --shadow:0 12px 40px rgba(0,0,0,0.08);
  --radius:18px;
  --radius-sm:12px;
  --container:1240px;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Outfit', sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}

img{
  max-width:100%;
  display:block;
}

svg{
  max-width:100%;
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
select,
input,
textarea{
  font-family:inherit;
}

.container{
  width:min(var(--container), calc(100% - 32px));
  margin:0 auto;
}

/* HEADER */
.topbar{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(0,0,0,0.06);
}

.header-inner{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  position:relative;
}

.brand-logo{
  height:56px;
  width:auto;
  object-fit:contain;
}

.header-contact{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.contact-chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-weight:600;
}

.chip-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg, var(--gold), #e2c58f);
  color:#111;
  font-size:14px;
}

.header-wa{
  padding:12px 18px;
  background:#25D366 !important;
  color:#ffffff !important;
  border-radius:999px;
  font-weight:700;
  transition:.25s ease;
}

.header-wa:hover{
  background:#1ebe5d !important;
  transform:translateY(-2px);
}

/* LANGUAGE */
.lang-switcher{
  position:relative;
  z-index:1201;
  flex:0 0 auto;
}

#langBtn{
  min-width:56px;
  height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--gold);
  background:#fff;
  color:#111;
  font-weight:700;
  cursor:pointer;
  transition:.2s ease;
}

#langBtn:hover{
  border-color:var(--gold-dark);
}

.lang-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  display:none;
  flex-direction:column;
  min-width:160px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(0,0,0,0.12);
  overflow:hidden;
  z-index:1300;
}

.lang-dropdown span{
  display:block;
  width:100%;
  padding:12px 14px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  color:#1b1b1b;
  background:#fff;
}

.lang-dropdown span:hover{
  background:#f8f6f1;
}

.lang-switcher.active .lang-dropdown{
  display:flex;
}

/* HERO */
.hero{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(to right, rgba(16,16,16,0.72), rgba(16,16,16,0.38)),
    url("images/hero.jpg") center center / cover no-repeat;
  overflow:hidden;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(200,169,107,0.22), transparent 35%);
  pointer-events:none;
}

.hero-content{
  position:relative;
  z-index:2;
  color:#fff;
  padding:90px 0;
}

.hero-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,0.18);
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(10px);
  font-size:14px;
  font-weight:600;
  margin-bottom:18px;
  color:#f4e1b8;
}

.hero h1{
  max-width:780px;
  font-size:clamp(36px, 5vw, 68px);
  line-height:1.05;
  font-weight:800;
  margin-bottom:16px;
  letter-spacing:-0.02em;
}

.hero p{
  max-width:720px;
  font-size:18px;
  color:rgba(255,255,255,0.86);
  margin-bottom:28px;
}

.hero-features{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:36px;
}

.feature-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  backdrop-filter:blur(8px);
  font-weight:500;
}

.feature-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--gold);
  color:#141414;
  font-weight:800;
}

/* BOOKING BASE */
.booking-card{
  background:rgba(255,255,255,0.96);
  border:1px solid rgba(255,255,255,0.3);
  box-shadow:var(--shadow);
  border-radius:24px;
  padding:22px;
  max-width:1180px;
}

.booking-grid{
  display:grid;
  grid-template-columns:1.2fr 1.6fr .8fr .7fr;
  gap:16px;
}

.field-group{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.field-group label{
  font-size:14px;
  font-weight:700;
  color:#3d3d3d;
}

.field-group select{
  height:60px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:0 16px;
  font-size:16px;
  color:#222;
  outline:none;
  transition:.2s ease;
}

.field-group select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(200,169,107,0.16);
}

.action-field{
  justify-content:flex-end;
}

.gold-btn{
  height:60px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg, #d7bb84, #b89252);
  color:#141414;
  font-size:17px;
  font-weight:800;
  padding:0 28px;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(200,169,107,0.25);
  transition:.25s ease;
}

.gold-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, #e1c68f, #aa7f3b);
}

/* BOOKING - PREMIUM SEARCH */
.booking-card-premium{
  background:rgba(255,255,255,0.96);
  border:1px solid rgba(255,255,255,0.22);
  box-shadow:0 18px 48px rgba(0,0,0,0.14);
  border-radius:22px;
  padding:10px;
  max-width:1180px;
  overflow:visible;
}

.booking-grid-premium{
  display:grid;
  grid-template-columns:2.25fr 1.85fr 1.05fr 0.95fr;
  gap:0;
  align-items:stretch;
  background:#fff;
  border-radius:18px;
  overflow:visible;
}

.search-box{
  min-height:84px;
  display:flex;
  align-items:center;
  background:rgba(255,255,255,0.98);
  position:relative;
  min-width:0;
}

.search-box:not(:last-child){
  border-right:1px solid #ece7dc;
}

.search-box-location,
.search-box-passenger{
  padding:0 16px;
  gap:10px;
}

.search-box-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c8a96b;
  flex:0 0 34px;
}

.search-box-icon svg{
  width:18px;
  height:18px;
  display:block;
  stroke:currentColor;
}

.search-box-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  min-width:0;
  gap:4px;
  position:relative;
}

.search-box-content label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a7550;
  margin:0;
}

.search-box-content input,
.search-box-content select{
  width:100%;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  padding:0;
  height:auto;
  min-height:auto;
  font-size:15px;
  font-weight:600;
  color:#171717;
  box-shadow:none;
  border-radius:0;
  line-height:1.2;
}

.search-box-content input{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.search-box-content input::placeholder{
  color:#8c8c8c;
  font-weight:500;
}

.search-box-content input:focus,
.search-box-content select:focus{
  border:none;
  box-shadow:none;
}

.search-box-passenger .search-box-content select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
}

.search-box-action{
  padding:12px;
  background:#fff;
}

.premium-search-btn{
  width:100%;
  height:60px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg, #d7bb84, #b89252);
  color:#151515;
  font-size:17px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(185,146,82,0.22);
  transition:.25s ease;
}

.premium-search-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, #e3ca96, #ab7f39);
  box-shadow:0 16px 32px rgba(185,146,82,0.28);
}

.premium-search-btn span{
  margin-left:6px;
}

.hotel-optional-wrap{
  grid-column:1 / -1;
  background:#fcfaf6;
  border-top:1px solid #ece7dc;
  padding:16px 20px;
}

.hotel-optional-wrap label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#6f624b;
  margin-bottom:8px;
}

.hotel-optional-wrap select{
  width:100%;
  min-height:54px;
  border:1px solid #e5dccd;
  border-radius:14px;
  background:#fff;
  padding:0 16px;
  font-size:15px;
  color:#1b1b1b;
  outline:none;
  transition:.2s ease;
}

.hotel-optional-wrap select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(200,169,107,0.14);
}

.hotel-optional-wrap.hidden{
  display:none;
}

/* AUTOCOMPLETE */
.autocomplete-box{
  overflow:visible;
}

.autocomplete-list{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid #e7dece;
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,0.12);
  max-height:260px;
  overflow-y:auto;
  z-index:2500;
  display:none;
}

.autocomplete-list.active{
  display:block;
}

.autocomplete-item{
  padding:14px 16px;
  font-size:15px;
  font-weight:600;
  color:#1b1b1b;
  cursor:pointer;
  border-bottom:1px solid #f1ece2;
  transition:.2s ease;
}

.autocomplete-item:last-child{
  border-bottom:none;
}

.autocomplete-item:hover,
.autocomplete-item.active{
  background:#faf6ee;
  color:#8a6a37;
}

.autocomplete-empty{
  padding:14px 16px;
  font-size:14px;
  color:#8a8a8a;
}

/* HIGHLIGHTS */
.highlights{
  padding:34px 0 24px;
  background:#fff;
}

.highlight-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}

.highlight-card{
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:120px;
}

.highlight-thumb{
  width:74px;
  height:74px;
  border-radius:14px;
  overflow:hidden;
  flex:0 0 74px;
}

.highlight-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.highlight-card h3{
  font-size:18px;
  margin-bottom:6px;
}

.highlight-card p{
  color:var(--text-light);
  font-size:14px;
}

/* ANNOUNCEMENT */
.announcement-bar{
  width:100%;
  overflow:hidden;
  background:linear-gradient(135deg, #d7bb84, #b89252);
  color:#1b1b1b;
  border-top:1px solid rgba(0,0,0,0.05);
  border-bottom:1px solid rgba(0,0,0,0.05);
  padding:12px 0;
  position:relative;
  z-index:5;
}

.announcement-track {
  display: flex;
  gap: 40px;
  white-space: nowrap;
  animation: slideLeft 25s linear infinite;
}

@keyframes slideLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.announcement-track span{
  display:inline-block;
  white-space:nowrap;
  font-size:15px;
  font-weight:700;
  padding-right:80px;
  letter-spacing:.2px;
}

@keyframes announcementMove{
  0%{transform:translateX(-50%)}
  100%{transform:translateX(0)}
}

/* DESTINATIONS */
.destinations{
  padding:74px 0;
  background:#fff;
}

.section-head{
  margin-bottom:28px;
}

.section-kicker{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold-dark);
  margin-bottom:10px;
}

.section-head h2{
  font-size:clamp(28px, 3.2vw, 46px);
  line-height:1.1;
  margin-bottom:12px;
}

.section-head p{
  max-width:740px;
  color:var(--text-light);
  font-size:16px;
}

.destination-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
}

.destination-card{
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.destination-card img{
  width:100%;
  height:250px;
  object-fit:cover;
}

.destination-info{
  padding:18px 18px 20px;
  background:#fff;
}

.destination-info h3{
  font-size:22px;
  margin-bottom:6px;
}

.destination-info p{
  color:var(--text-light);
}

/* ABOUT */
.about-strip{
  padding:70px 0;
  background:linear-gradient(180deg, #fbfaf7, #f4f1ea);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.about-strip-inner{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:28px;
  align-items:center;
}

.about-strip h2{
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.1;
}

.about-strip p{
  color:var(--text-light);
  font-size:17px;
}

/* REVIEW SECTION */
.review-section{
  padding:80px 0;
  background:
    radial-gradient(circle at top left, rgba(200,169,107,0.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbf8f2 100%);
}

.review-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:28px;
  padding:42px;
  border-radius:28px;
  background:rgba(255,255,255,0.96);
  border:1px solid rgba(200,169,107,0.22);
  box-shadow:
    0 18px 50px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.7);
}

.review-glow{
  position:absolute;
  top:-80px;
  right:-80px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(200,169,107,0.22), transparent 70%);
  pointer-events:none;
}

.review-left,
.review-right{
  position:relative;
  z-index:2;
}

.review-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(200,169,107,0.12);
  color:#a78646;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.review-left h2{
  font-size:clamp(30px, 3.2vw, 48px);
  line-height:1.08;
  letter-spacing:-0.02em;
  margin-bottom:14px;
  color:#171717;
}

.review-left p{
  max-width:650px;
  color:#666;
  font-size:17px;
  line-height:1.75;
  margin-bottom:22px;
}

.review-points{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.review-point{
  padding:12px 16px;
  border-radius:999px;
  background:#faf7f1;
  border:1px solid #ece4d6;
  color:#454545;
  font-size:14px;
  font-weight:600;
}

.review-right{
  display:flex;
  align-items:center;
  justify-content:center;
}

.review-rating-box{
  width:100%;
  max-width:360px;
  padding:30px 24px;
  border-radius:24px;
  background:linear-gradient(180deg, #fffdf9 0%, #f8f1e5 100%);
  border:1px solid rgba(200,169,107,0.28);
  box-shadow:0 12px 32px rgba(0,0,0,0.06);
  text-align:center;
}

.review-stars{
  font-size:28px;
  letter-spacing:4px;
  color:#c8a96b;
  margin-bottom:14px;
}

.review-rating-box strong{
  display:block;
  font-size:22px;
  line-height:1.3;
  color:#1c1c1c;
  margin-bottom:10px;
}

.review-rating-box span{
  display:block;
  font-size:15px;
  color:#6c6c6c;
  line-height:1.6;
  margin-bottom:22px;
}

.review-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:56px;
  padding:14px 22px;
  border-radius:16px;
  background:linear-gradient(135deg, #d9be89 0%, #b98f4c 100%);
  color:#171717;
  font-size:16px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(200,169,107,0.24);
  transition:all .25s ease;
}

.review-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(200,169,107,0.30);
  background:linear-gradient(135deg, #e3ca96 0%, #ab7f39 100%);
}

/* REVIEW HUB */
.review-hub-section{
  padding:80px 0;
  background:
    radial-gradient(circle at top left, rgba(200,169,107,0.10), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #faf7f1 100%);
}

.review-hub-card{
  position:relative;
  overflow:hidden;
  padding:42px;
  border-radius:30px;
  background:rgba(255,255,255,0.96);
  border:1px solid rgba(200,169,107,0.22);
  box-shadow:
    0 18px 50px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.7);
}

.review-hub-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.review-hub-glow-1{
  top:-90px;
  right:-70px;
  width:240px;
  height:240px;
  background:radial-gradient(circle, rgba(200,169,107,0.18), transparent 70%);
}

.review-hub-glow-2{
  bottom:-100px;
  left:-80px;
  width:220px;
  height:220px;
  background:radial-gradient(circle, rgba(0,0,0,0.04), transparent 70%);
}

.review-hub-head{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:900px;
  margin:0 auto 34px;
}

.review-hub-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(200,169,107,0.12);
  color:#a78646;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.review-hub-head h2{
  font-size:clamp(30px, 3.4vw, 50px);
  line-height:1.1;
  letter-spacing:-0.02em;
  color:#171717;
  margin-bottom:14px;
}

.review-hub-head p{
  color:#666;
  font-size:17px;
  line-height:1.75;
}

.review-platform-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:24px;
}

.review-platform-card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(180deg, #fffdf9 0%, #f8f3ea 100%);
  border:1px solid rgba(200,169,107,0.22);
  box-shadow:0 12px 32px rgba(0,0,0,0.06);
}

.platform-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.platform-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.google-chip{
  background:rgba(66,133,244,0.08);
  color:#4285F4;
  border:1px solid rgba(66,133,244,0.12);
}

.tripadvisor-chip{
  background:rgba(0,175,135,0.08);
  color:#00AF87;
  border:1px solid rgba(0,175,135,0.14);
}

.platform-stars{
  color:#c8a96b;
  font-size:22px;
  letter-spacing:3px;
  line-height:1;
}

.review-platform-card h3{
  font-size:28px;
  line-height:1.2;
  margin-bottom:12px;
  color:#1a1a1a;
}

.review-platform-card p{
  color:#6b6b6b;
  font-size:16px;
  line-height:1.75;
  margin-bottom:22px;
}

.platform-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:56px;
  padding:14px 22px;
  border-radius:16px;
  font-size:16px;
  font-weight:800;
  transition:all .25s ease;
}

.google-btn{
  background:linear-gradient(135deg, #d9be89 0%, #b98f4c 100%);
  color:#171717;
  box-shadow:0 10px 24px rgba(200,169,107,0.24);
}

.google-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(200,169,107,0.30);
  background:linear-gradient(135deg, #e3ca96 0%, #ab7f39 100%);
}

.tripadvisor-btn{
  background:linear-gradient(135deg, #111111 0%, #222222 100%);
  color:#ffffff;
  box-shadow:0 10px 24px rgba(0,0,0,0.16);
}

.tripadvisor-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,0.22);
  background:linear-gradient(135deg, #1b1b1b 0%, #303030 100%);
}

/* GOOGLE / TRIPADVISOR TEXT */
.google-text{
  font-weight:800;
  background:linear-gradient(
    90deg,
    #4285F4 0%,
    #34A853 30%,
    #FBBC05 60%,
    #EA4335 100%
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  position:relative;
}

.google-text::after{
  content:"Google";
  position:absolute;
  left:0;
  top:0;
  filter:blur(8px);
  opacity:.3;
  background:inherit;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  z-index:-1;
}

.tripadvisor-text{
  font-weight:800;
  background:linear-gradient(
    90deg,
    #00AF87 0%,
    #34E0A1 100%
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* PRICE CTA */
.price-cta-section{
  padding:50px 0;
  background:linear-gradient(180deg, #f8f6f1 0%, #f1ece3 100%);
  position:relative;
  overflow:hidden;
}

.price-cta-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 30%, rgba(200,169,107,0.08), transparent 60%);
  pointer-events:none;
}

.cta-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  margin-bottom:22px;
  z-index:2;
}

.cta-slider::before,
.cta-slider::after{
  content:"";
  position:absolute;
  top:0;
  width:90px;
  height:100%;
  z-index:3;
  pointer-events:none;
}

.cta-slider::before{
  left:0;
  background:linear-gradient(to right, #f5f2eb 0%, rgba(245,242,235,0) 100%);
}

.cta-slider::after{
  right:0;
  background:linear-gradient(to left, #f5f2eb 0%, rgba(245,242,235,0) 100%);
}

.cta-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  animation:ctaSlide 28s linear infinite;
  will-change:transform;
}

.cta-track img{
  width:300px;
  height:170px;
  object-fit:cover;
  border-radius:16px;
  flex-shrink:0;
  background:#e9e3d7;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:transform .3s ease, box-shadow .3s ease;
}

.cta-track img:hover{
  transform:scale(1.04);
  box-shadow:0 12px 28px rgba(0,0,0,0.12);
}

@keyframes ctaSlide{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-50% - 9px))}
}

.price-cta-btn{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  max-width:680px;
  margin:0 auto;
  min-height:60px;
  padding:0 22px;
  border-radius:999px;
  background:linear-gradient(135deg, #c8a96b, #e2c791);
  color:#1a1a1a;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.price-cta-btn::after{
  content:"›";
  display:inline-block;
  margin-left:10px;
  font-size:22px;
  line-height:1;
}

.price-cta-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 35px rgba(0,0,0,0.20);
  background:linear-gradient(135deg, #d4b476, #ecd3a1);
}

/* FLIGHT DIVIDER */
.flight-divider{
  position:relative;
  width:100%;
  height:90px;
  overflow:hidden;
  margin:30px 0;
}

.flight-divider-line{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  height:2px;
  background:linear-gradient(90deg, transparent 0%, #c8a96b 15%, #d9be89 50%, #c8a96b 85%, transparent 100%);
  opacity:.9;
}

.flight-plane{
  position:absolute;
  left:-60px;
  top:50%;
  transform:translateY(-50%);
  font-size:28px;
  color:#c8a96b;
  animation:planeFly 8s ease-in-out infinite;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,0.12));
}

@keyframes planeFly{
  0%{
    left:-60px;
    top:58%;
    transform:translateY(-50%) rotate(8deg);
    opacity:0;
  }
  10%{opacity:1}
  30%{
    top:52%;
    transform:translateY(-50%) rotate(3deg);
  }
  55%{
    top:46%;
    transform:translateY(-50%) rotate(-2deg);
  }
  80%{
    top:40%;
    transform:translateY(-50%) rotate(-8deg);
    opacity:1;
  }
  100%{
    left:110%;
    top:34%;
    transform:translateY(-50%) rotate(-12deg);
    opacity:0;
  }
}

/* FOOTER */
.footer{
  background:#111111;
  color:#ffffff;
}

.footer-inner{
  padding:70px 0 40px;
  display:grid;
  grid-template-columns:1.3fr .9fr .9fr .9fr .8fr;
  gap:34px;
}

.footer-logo{
  height:58px;
  width:auto;
  object-fit:contain;
  margin-bottom:18px;
  filter:brightness(1.05);
}

.footer-brand-col p{
  color:rgba(255,255,255,0.72);
  max-width:420px;
  margin-bottom:20px;
}

.footer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
}

.footer-col h4{
  font-size:20px;
  margin-bottom:16px;
  color:#fff;
}

.footer-col ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.footer-col li,
.footer-col a,
.footer-col span{
  color:rgba(255,255,255,0.76);
  font-size:15px;
}

.footer-col a:hover{
  color:#fff;
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.08);
}

.footer-bottom-inner{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.footer-bottom p{
  color:rgba(255,255,255,0.68);
  font-size:14px;
}

/* FOOTER BADGE */
.footer-badge-col{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}

.footer-badge-img{
  max-width:160px;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:8px;
  background:#fff;
  padding:4px;
  box-shadow:0 8px 22px rgba(0,0,0,0.12);
}

/* FLOATING WHATSAPP - TEMİZ */
.wa-fixed{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:99999;
  width:58px;
  height:58px;
  min-width:58px;
  min-height:58px;
  max-width:58px;
  max-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:transparent !important;
  border:none !important;
  border-radius:50%;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden;
  line-height:0;
  box-shadow:none !important;
  transform:none;
}

.wa-fixed svg,
.wa-fixed img{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  display:block;
  flex:0 0 58px;
  object-fit:contain;
  border-radius:50%;
}

.wa-fixed svg{
  overflow:hidden;
  filter:drop-shadow(0 8px 20px rgba(37,211,102,0.45));
}

.wa-fixed::before,
.wa-fixed::after{
  content:none !important;
  display:none !important;
}

.wa-fixed:hover{
  transform:scale(1.06);
  transition:transform .2s ease;
}

.floating-whatsapp span{
  display:none;
}

/* SOCIAL */
.social-card:nth-child(4) .social-icon{
  color:#ff0000;
}

/* RESPONSIVE */
@media (max-width:1200px){
  .booking-grid{
    grid-template-columns:1fr 1fr;
  }

  .booking-grid-premium{
    grid-template-columns:1.5fr 1.35fr 1fr .95fr;
  }

  .highlight-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .destination-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .footer-inner{
    grid-template-columns:repeat(2, 1fr);
  }

  .footer-badge-col{
    justify-content:flex-start;
    align-items:flex-start;
  }

  .about-strip-inner{
    grid-template-columns:1fr;
  }

  .cta-track img{
    width:280px;
    height:160px;
  }
}

@media (max-width:992px){
  .review-card{
    grid-template-columns:1fr;
    padding:32px 24px;
  }

  .review-rating-box{
    max-width:100%;
  }

  .review-platform-grid{
    grid-template-columns:1fr;
  }

  .review-hub-card{
    padding:30px 24px;
  }

  .price-cta-section{
    padding:42px 0;
  }

  .cta-track{
    gap:14px;
  }

  .cta-track img{
    width:250px;
    height:145px;
  }

  .price-cta-btn{
    max-width:620px;
    min-height:56px;
    font-size:14px;
  }

  .cta-slider::before,
  .cta-slider::after{
    width:60px;
  }
}

@media (max-width:768px){
  .container{
    width:min(100% - 20px, 100%);
  }
  

  .topbar{
    padding:0;
  }

  .header-inner{
    position:relative;
    display:block;
    padding:12px 0 10px;
    min-height:auto;
  }

  .brand{
    display:block;
    width:max-content;
  }

  .brand-logo{
    height:44px;
  }

  .header-contact{
    display:block;
    width:100%;
    margin-top:10px;
    position:relative;
    overflow:visible;
  }

  .lang-switcher{
    position:absolute !important;
    top:6px;
    right:0;
    width:auto !important;
    margin:0 !important;
    z-index:3000;
  }

  #langBtn{
    height:34px;
    min-width:58px;
    padding:0 14px;
    font-size:13px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--gold);
    box-shadow:0 4px 14px rgba(0,0,0,0.06);
  }

  .lang-dropdown{
    top:calc(100% + 6px);
    right:0;
    left:auto;
    min-width:120px;
    max-width:calc(100vw - 40px);
  }

  .contact-chip{
    display:none !important;
  }

  .header-wa{
    display:block;
    width:100%;
    margin-top:0;
    text-align:center;
    border-radius:999px;
    padding:14px 18px;
  }

  .hero{
    min-height:auto;
  }

  .hero-content{
    padding:56px 0 42px;
  }

  .hero h1{
    font-size:34px;
  }

  .hero p{
    font-size:16px;
  }

  .hero-features{
    flex-direction:column;
    align-items:flex-start;
  }

  .feature-item{
    width:100%;
  }

  .booking-card{
    padding:16px;
    border-radius:20px;
  }

  .booking-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .field-group select,
  .gold-btn{
    height:56px;
  }

  .booking-card-premium{
    padding:10px;
    border-radius:18px;
    overflow:visible;
  }

  .booking-grid-premium{
    grid-template-columns:1fr;
    border-radius:14px;
    overflow:visible;
  }

  .search-box{
    min-height:74px;
  }

  .search-box:not(:last-child){
    border-right:none;
    border-bottom:1px solid #ece7dc;
  }

  .search-box-location,
  .search-box-passenger{
    padding:0 14px;
    gap:12px;
  }

  .search-box-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
  }

  .search-box-icon svg{
    width:20px;
    height:20px;
  }

  .search-box-content label{
    font-size:11px;
  }

  .search-box-content input,
  .search-box-content select{
    font-size:16px;
  }

  .search-box-action{
    padding:12px;
  }

  .premium-search-btn{
    height:56px;
    border-radius:14px;
    font-size:16px;
  }

  .hotel-optional-wrap{
    grid-column:auto;
    padding:14px;
  }

  .autocomplete-list{
    top:calc(100% + 8px);
    max-height:220px;
    border-radius:14px;
  }

  .autocomplete-item{
    padding:13px 14px;
    font-size:14px;
  }

  .highlight-grid{
    grid-template-columns:1fr;
  }

  .announcement-bar{
    padding:10px 0;
  }

  .announcement-track span{
    font-size:13px;
    padding-right:50px;
  }

  .destinations{
    padding:56px 0;
  }

  .destination-grid{
    grid-template-columns:1fr;
  }

  .destination-card img{
    height:220px;
  }

  .review-section{
    padding:55px 0;
  }

  .review-card{
    gap:20px;
    padding:24px 16px;
    border-radius:22px;
  }

  .review-label{
    font-size:11px;
    padding:8px 12px;
    margin-bottom:12px;
  }

  .review-left h2{
    font-size:28px;
    line-height:1.15;
  }

  .review-left p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:18px;
  }

  .review-points{
    flex-direction:column;
    gap:10px;
  }

  .review-point{
    width:100%;
    border-radius:14px;
    font-size:13px;
    padding:12px 14px;
  }

  .review-rating-box{
    padding:24px 16px;
    border-radius:20px;
  }

  .review-stars{
    font-size:24px;
    letter-spacing:3px;
  }

  .review-rating-box strong{
    font-size:19px;
  }

  .review-rating-box span{
    font-size:14px;
    margin-bottom:18px;
  }

  .review-btn{
    min-height:52px;
    font-size:15px;
    border-radius:14px;
  }

  .review-hub-section{
    padding:55px 0;
  }

  .review-hub-card{
    padding:24px 16px;
    border-radius:22px;
  }

  .review-hub-head{
    margin-bottom:22px;
  }

  .review-hub-badge{
    font-size:11px;
    padding:8px 12px;
    margin-bottom:12px;
  }

  .review-hub-head h2{
    font-size:28px;
    line-height:1.15;
  }

  .review-hub-head p{
    font-size:15px;
    line-height:1.7;
  }

  .review-platform-grid{
    gap:16px;
  }

  .review-platform-card{
    padding:20px 16px;
    border-radius:20px;
  }

  .platform-top{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:14px;
  }

  .platform-stars{
    font-size:20px;
    letter-spacing:2px;
  }

  .review-platform-card h3{
    font-size:22px;
    margin-bottom:10px;
  }

  .review-platform-card p{
    font-size:14px;
    line-height:1.7;
    margin-bottom:18px;
  }

  .platform-btn{
    min-height:52px;
    font-size:15px;
    border-radius:14px;
  }

  .price-cta-section{
    padding:35px 0;
  }

  .cta-slider{
    margin-bottom:18px;
  }

  .cta-track{
    gap:12px;
    animation-duration:24s;
  }

  .cta-track img{
    width:220px;
    height:130px;
    border-radius:14px;
  }

  .price-cta-btn{
    min-height:52px;
    font-size:14px;
    line-height:1.35;
    padding:0 16px;
    max-width:100%;
  }

  .price-cta-btn::after{
    margin-left:8px;
    font-size:18px;
  }

  .cta-slider::before,
  .cta-slider::after{
    width:28px;
  }

  .flight-divider{
    height:70px;
    margin:20px 0;
  }

  .flight-plane{
    font-size:22px;
  }

  .footer-inner{
    grid-template-columns:1fr !important;
    gap:22px;
    padding:44px 0 24px;
  }

  .footer-col{
    width:100%;
  }

  .footer-brand-col,
  .footer-col{
    text-align:left;
  }

  .footer-btn{
    width:100%;
    min-width:100%;
  }

  .footer-badge-col{
    position:relative;
    justify-content:flex-start;
    align-items:flex-end;
    margin-top:4px;
  }

  .footer-badge-img{
    max-width:120px;
    width:120px;
    margin-left:0;
    margin-right:auto;
  }

  .footer-bottom-inner{
    justify-content:flex-start;
    text-align:left;
    min-height:auto;
    padding:14px 0 18px;
  }

  .wa-fixed{
    left:14px;
    bottom:14px;
    width:54px;
    height:54px;
    min-width:54px;
    min-height:54px;
    max-width:54px;
    max-height:54px;
  }

  .wa-fixed svg,
  .wa-fixed img{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    max-width:54px !important;
    max-height:54px !important;
    flex:0 0 54px;
  }
}
@media (max-width:768px){
  .lang-switcher{
    position:absolute !important;
    top:-50px;
    right:0;
    width:auto !important;
    margin:0 !important;
    z-index:3000;
  }
}
.autocomplete-group{
  padding:6px 0;
}

.autocomplete-group-title{
  padding:8px 16px 6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#9a8258;
  background:#fff;
  position:sticky;
  top:0;
  z-index:1;
}

.autocomplete-group + .autocomplete-group{
  border-top:1px solid #f1ece2;
}
.autocomplete-group{
  padding:6px 0;
}

.autocomplete-group-title{
  padding:8px 16px 6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#9a8258;
  background:#fff;
  position:sticky;
  top:0;
  z-index:1;
}

.autocomplete-group + .autocomplete-group{
  border-top:1px solid #f1ece2;
}
#routeMap{
  width:100%;
  height:360px;
  border-radius:0 0 18px 18px;
}

.leaflet-container{
  font-family:'Outfit',sans-serif;
  background:#eef3f8;
}

.leaflet-control-zoom{
  border:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;
  overflow:hidden;
  border-radius:14px !important;
}

.leaflet-control-zoom a{
  width:38px !important;
  height:38px !important;
  line-height:38px !important;
  color:#111 !important;
  font-weight:800;
  border:none !important;
}

.leaflet-popup-content-wrapper{
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,0.14);
}

.leaflet-popup-content{
  font-family:'Outfit',sans-serif;
  font-size:14px;
  font-weight:600;
}
.price-note {
  margin-top: 6px;
  padding: 10px 16px;

  width: fit-content;        /* içeriğe göre küçülür */
  max-width: 90%;            /* taşmaz */
  
  margin-left: auto;
  margin-right: auto;

  background: rgba(200, 47, 47, 0.06);
  border: 1px solid rgba(200, 47, 47, 0.18);
  border-radius: 999px;

  color: #c84f4f;
  font-size: 13.5px;
  font-weight: 600;
  text-align: center;

  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}
.price-cta-btn {
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .price-note {
    font-size: 12.5px;
    padding: 8px 12px;
    border-radius: 12px; /* mobilde düz */
    margin-top: 4px;
  }
}
.price-cta-section .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .price-note {
    width: 95%;
    font-size: 12.5px;
    padding: 8px 12px;
    border-radius: 12px;
  }
}
/* ===== HERO 2. GÖRSEL TARZI UYARLAMA ===== */
.hero.hero-reservation{
  position:relative;
  min-height:700px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.48) 100%),
    url("images/hero.jpg") center center / cover no-repeat;
  overflow:hidden;
}

.hero.hero-reservation .hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.12), rgba(0,0,0,0.22)),
    radial-gradient(circle at top right, rgba(200,169,107,0.10), transparent 28%);
  pointer-events:none;
}

.hero-content-reservation{
  position:relative;
  z-index:2;
  color:#fff;
  padding:110px 0 70px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.hero-top-features{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:28px;
  margin-bottom:22px;
}

.hero-top-feature{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  text-shadow:0 2px 10px rgba(0,0,0,0.18);
}

.hero-top-icon{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 30px;
}

.hero-top-icon svg{
  width:22px;
  height:22px;
  stroke:currentColor;
}

.booking-card-hero{
  width:100%;
  max-width:1220px;
  margin:0 auto;
  background:rgba(255,255,255,0.98);
  border:1px solid rgba(255,255,255,0.20);
  box-shadow:0 18px 45px rgba(0,0,0,0.16);
  border-radius:20px;
  padding:8px;
}

.booking-grid-hero{
  display:grid;
  grid-template-columns:2.2fr 2fr 1.1fr 0.95fr;
  gap:0;
  align-items:stretch;
  background:#fff;
  border-radius:16px;
  overflow:visible;
}

.booking-grid-hero .search-box{
  min-height:82px;
  background:#fff;
  position:relative;
}

.booking-grid-hero .search-box:not(:last-child){
  border-right:1px solid #ece7dc;
}

.booking-grid-hero .search-box-location,
.booking-grid-hero .search-box-passenger{
  padding:0 18px;
  gap:10px;
}

.booking-grid-hero .search-box-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2e7de1;
  flex:0 0 34px;
}

.booking-grid-hero .search-box-icon svg{
  width:19px;
  height:19px;
  display:block;
  stroke:currentColor;
}

.booking-grid-hero .search-box-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  min-width:0;
  gap:4px;
  position:relative;
}

.booking-grid-hero .search-box-content label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a7550;
  margin:0;
}

.booking-grid-hero .search-box-content input,
.booking-grid-hero .search-box-content select{
  width:100%;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  padding:0;
  height:auto;
  min-height:auto;
  font-size:15px;
  font-weight:600;
  color:#171717;
  box-shadow:none;
  border-radius:0;
  line-height:1.2;
}

.booking-grid-hero .search-box-content input::placeholder{
  color:#8c8c8c;
  font-weight:500;
}

.booking-grid-hero .search-box-content input:focus,
.booking-grid-hero .search-box-content select:focus{
  border:none;
  box-shadow:none;
}

.booking-grid-hero .search-box-passenger .search-box-content select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
}

.booking-grid-hero .search-box-action{
  padding:10px;
  background:#fff;
}

.premium-search-btn-red{
  width:100%;
  height:62px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg, #ff2128, #e41218);
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(255,33,40,0.24);
  transition:.25s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.premium-search-btn-red:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(255,33,40,0.28);
  background:linear-gradient(135deg, #ff353b, #d90d12);
}

.search-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.search-btn-icon svg{
  width:18px;
  height:18px;
  stroke:currentColor;
}

.booking-grid-hero .hotel-optional-wrap{
  grid-column:1 / -1;
  background:#fcfaf6;
  border-top:1px solid #ece7dc;
  padding:16px 20px;
}

.booking-grid-hero .hotel-optional-wrap label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#6f624b;
  margin-bottom:8px;
}

.booking-grid-hero .hotel-optional-wrap select{
  width:100%;
  min-height:54px;
  border:1px solid #e5dccd;
  border-radius:14px;
  background:#fff;
  padding:0 16px;
  font-size:15px;
  color:#1b1b1b;
  outline:none;
  transition:.2s ease;
}

.booking-grid-hero .hotel-optional-wrap select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(200,169,107,0.14);
}

.hero-bottom-text-wrap{
  width:100%;
  max-width:1220px;
  display:flex;
  justify-content:flex-start;
  margin-top:26px;
}

.hero-bottom-text{
  max-width:760px;
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,0.92);
  text-align:left;
  margin:0;
  text-shadow:0 2px 14px rgba(0,0,0,0.18);
}

/* Masaüstünde eski hero feature/chip görünümü ez */
.hero.hero-reservation .hero-features{
  display:none !important;
}

/* Mobil */
@media (max-width: 992px){
  .hero.hero-reservation{
    min-height:auto;
  }

  .hero-content-reservation{
    padding:82px 0 46px;
  }

  .booking-grid-hero{
    grid-template-columns:1fr;
  }

  .booking-grid-hero .search-box{
    min-height:72px;
  }

  .booking-grid-hero .search-box:not(:last-child){
    border-right:none;
    border-bottom:1px solid #ece7dc;
  }

  .booking-grid-hero .search-box-action{
    padding:12px;
  }

  .hero-bottom-text-wrap{
    margin-top:20px;
    justify-content:center;
  }

  .hero-bottom-text{
    max-width:100%;
    text-align:center;
  }
}

@media (max-width: 768px){
  .hero.hero-reservation{
    min-height:auto;
    background:
      linear-gradient(180deg, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.36) 40%, rgba(0,0,0,0.56) 100%),
      url("images/hero.jpg") center center / cover no-repeat;
  }

  .hero-content-reservation{
    padding:68px 0 36px;
  }

  .hero-top-features{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    width:100%;
    margin-bottom:16px;
  }

  .hero-top-feature{
    width:100%;
    font-size:14px;
  }

  .booking-card-hero{
    padding:8px;
    border-radius:18px;
  }

  .booking-grid-hero{
    border-radius:14px;
  }

  .booking-grid-hero .search-box{
    min-height:68px;
  }

  .booking-grid-hero .search-box-location,
  .booking-grid-hero .search-box-passenger{
    padding:0 14px;
  }

  .booking-grid-hero .search-box-content label{
    font-size:11px;
  }

  .booking-grid-hero .search-box-content input,
  .booking-grid-hero .search-box-content select{
    font-size:15px;
  }

  .premium-search-btn-red{
    height:56px;
    border-radius:12px;
    font-size:15px;
  }

  .hero-bottom-text-wrap{
  width:100%;
  max-width:1220px;
  display:flex;
  justify-content:center;
  margin-top:26px;
  text-align:center;
}

.hero-bottom-text{
  max-width:760px;
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,0.92);
  text-align:center;
  margin:0 auto;
  text-shadow:0 2px 14px rgba(0,0,0,0.18);
}
}

@media (max-width: 520px){
  .hero-content-reservation{
    padding:60px 0 30px;
  }

  .hero-top-feature{
    font-size:13px;
  }

  .hero-top-icon{
    width:26px;
    height:26px;
    flex:0 0 26px;
  }

  .hero-top-icon svg{
    width:18px;
    height:18px;
  }

  .hero-bottom-text{
    font-size:14px;
  }
}
/* ALT YAZI TAM ORTALAMA */
.hero-bottom-text-wrap{
  width:100%;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.hero-bottom-text{
  width:100%;
  max-width:700px;
  margin:0 auto !important;
  text-align:center !important;
  display:block;
}
/* MOBİLDE 3 FEATURE YAN YANA */
@media (max-width:768px){

  .hero-top-features{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px;
    flex-wrap:nowrap !important;
    width:100%;
  }

  .hero-top-feature{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:12px;
    text-align:center;
  }

  .hero-top-icon{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }

  .hero-top-icon svg{
    width:16px;
    height:16px;
  }

}
/* ARA BUTONU WHATSAPP YEŞİL */
.premium-search-btn-red{
  background:linear-gradient(135deg, #25D366, #1ebe5d) !important;
  color:#fff;
  box-shadow:0 10px 24px rgba(37,211,102,0.35);
}

.premium-search-btn-red:hover{
  background:linear-gradient(135deg, #2be06f, #19b856) !important;
  box-shadow:0 14px 30px rgba(37,211,102,0.45);
  transform:translateY(-2px);
}

/* MOBİLDE DAHA DOLGUN GÖRÜNÜM */
@media (max-width:768px){
  .premium-search-btn-red{
    height:56px;
    font-size:16px;
    border-radius:14px;
  }
}
.premium-search-btn-red{
  position:relative;
  overflow:hidden;
}

.premium-search-btn-red::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,0.25), transparent);
  opacity:0;
  transition:0.3s;
}

.premium-search-btn-red:hover::after{
  opacity:1;
}
.premium-search-btn-red{
  background:linear-gradient(135deg, #25D366, #1ebe5d) !important;
  color:#fff;
  box-shadow:0 10px 24px rgba(37,211,102,0.35);
  position:relative;
  overflow:hidden;
  animation:pulseGlow 2.2s infinite;
  transition:all .25s ease;
}

/* hover */
.premium-search-btn-red:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 18px 40px rgba(37,211,102,0.55);
}

/* shine efekti */
.premium-search-btn-red::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.35),
    transparent
  );
  transition:0.6s;
}

.premium-search-btn-red:hover::after{
  left:100%;
}

/* pulse glow animasyonu */
@keyframes pulseGlow{
  0%{
    box-shadow:0 0 0 0 rgba(37,211,102,0.6);
  }
  70%{
    box-shadow:0 0 0 12px rgba(37,211,102,0);
  }
  100%{
    box-shadow:0 0 0 0 rgba(37,211,102,0);
  }
}
@keyframes softBounce{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-3px);}
}

.premium-search-btn-red{
  animation:pulseGlow 2.2s infinite, softBounce 3s infinite;
}
.topbar{
  background:#111111 !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 8px 20px rgba(0,0,0,0.25) !important;
}

.header-inner{
  background:#111111 !important;
}
.brand-logo{
  filter:brightness(1.08);
}

#langBtn{
  background:#111111 !important;
  color:#ffffff !important;
  border:1px solid rgba(200,169,107,0.55) !important;
}

.contact-chip{
  background:#1a1a1a !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.10) !important;
}

.contact-chip a{
  color:#ffffff !important;
}

.header-back{
  background:#1a1a1a !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.10) !important;
}

.lang-dropdown{
  background:#1a1a1a !important;
  border:1px solid rgba(255,255,255,0.08) !important;
}

.lang-dropdown span{
  background:#1a1a1a !important;
  color:#ffffff !important;
}

.lang-dropdown span:hover{
  background:#242424 !important;
}
.header-contact{
  background:transparent !important;
}
.topbar{
  background:#111111 !important;
}
.quick-text-menu{
  background:#0b0b0b;
  border-top:1px solid rgba(255,255,255,0.05);
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.quick-text-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  min-height:64px;
}

.quick-text-wrap a{
  position:relative;
  font-size:14px;
  font-weight:600;
  color:rgba(255,255,255,0.75);
  letter-spacing:.02em;
  transition:.25s ease;
}

/* hover efekti */
.quick-text-wrap a:hover{
  color:#c8a96b;
}

/* alt çizgi animasyon */
.quick-text-wrap a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background:#c8a96b;
  transition:.3s ease;
}

.quick-text-wrap a:hover::after{
  width:100%;
}
.header-inner{
  min-height:86px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
}

.header-mini-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  min-width:0;
}

.header-mini-nav a{
  position:relative;
  font-size:15px;
  font-weight:600;
  color:rgba(255,255,255,0.78);
  white-space:nowrap;
  transition:.25s ease;
}

.header-mini-nav a:hover{
  color:#c8a96b;
}

.header-mini-nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:2px;
  background:#c8a96b;
  transition:.25s ease;
}

.header-mini-nav a:hover::after{
  width:100%;
}
/* DESKTOP */
.header-inner{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  flex:0 0 auto;
}

.header-mini-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex:1 1 auto;
}

.header-mini-nav a{
  position:relative;
  font-size:15px;
  font-weight:600;
  color:rgba(255,255,255,0.78);
  white-space:nowrap;
  transition:.25s ease;
}

.header-mini-nav a:hover{
  color:#c8a96b;
}

.header-mini-nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:2px;
  background:#c8a96b;
  transition:.25s ease;
}

.header-mini-nav a:hover::after{
  width:100%;
}

.header-contact{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* MOBİL FIX */
@media (max-width: 992px){
  .header-mini-nav{
    display:none !important;
  }

  .header-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px;
  }

  .brand{
    flex:0 0 auto;
  }

  .header-contact{
    flex:0 0 auto;
    justify-content:flex-end;
  }
}

@media (max-width: 768px){
  .header-inner{
    display:block !important;
    padding:12px 0 10px;
    min-height:auto;
  }

  .brand{
    display:block;
    width:max-content;
  }

  .brand-logo{
    height:44px;
  }

  .header-contact{
    display:block;
    width:100%;
    margin-top:10px;
    position:relative;
    overflow:visible;
  }

  .lang-switcher{
    position:absolute !important;
    top:6px;
    right:0;
    width:auto !important;
    margin:0 !important;
    z-index:3000;
  }

  .contact-chip{
    display:none !important;
  }

  .header-wa{
    display:block;
    width:100%;
    margin-top:0;
    text-align:center;
    border-radius:999px;
    padding:14px 18px;
  }
}
@media (max-width:768px){
  .lang-switcher{
    position:absolute !important;
    top:-50px !important;
    right:0;
    z-index:5000;
  }
}
@media (max-width:768px){

  .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }

  .brand{
    flex:0 0 auto;
  }

  .brand-logo{
    height:40px;
  }

  /* MENÜ */
  .mobile-mini-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:1;
    min-width:0;
  }

  .mobile-mini-nav a{
    font-size:11px;
    font-weight:600;
    color:rgba(255,255,255,0.85);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* TR */
  .lang-switcher{
    flex:0 0 auto;
  }

}
/* HAMBURGER */
.mobile-menu-btn{
  width:42px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(200,169,107,0.5);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  transition:.25s;
}

.mobile-menu-btn span{
  width:18px;
  height:2px;
  background:#fff;
  display:block;
  transition:.25s;
}

/* DROPDOWN */
.mobile-dropdown-menu{
  position:absolute;
  top:110%;
  right:0;
  width:190px;
  background:#111;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:8px;
  display:none;
  flex-direction:column;
  box-shadow:0 15px 40px rgba(0,0,0,0.35);
  z-index:9999;
}

.mobile-dropdown-menu a{
  padding:12px 14px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  transition:.2s;
}

.mobile-dropdown-menu a:hover{
  background:rgba(200,169,107,0.15);
  color:#c8a96b;
}

/* AKTİF */
.mobile-dropdown-menu.active{
  display:flex;
}
@media (min-width:769px){
  .mobile-menu-btn,
  .mobile-dropdown-menu{
    display:none !important;
  }
}
@media (max-width:768px){

  .header-actions{
    position:relative;
  }

  /* HAMBURGER TR YANINA */
  .mobile-menu-btn{
    position:absolute;
    right:60px; /* TR'nin soluna yaslar */
    top:0;
    height:36px;
  }

  /* TR */
  .lang-switcher{
    position:absolute !important;
    right:0;
    top:0;
  }

}
@media (max-width:768px){
  .mobile-menu-btn{
    position:absolute;
    right:65px;
    top:-50px; /* yukarı alır */
  }
}
/* BUTON */
#langBtn{
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
  height:38px;
  border-radius:999px;
  background:#111;
  border:1px solid rgba(200,169,107,0.5);
  color:#fff;
  font-weight:700;
}

/* BUTON FLAG */
#langBtn img{
  width:18px;
  height:18px;
  object-fit:cover;
  border-radius:50%;
}

/* DROPDOWN */
.lang-dropdown span{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  font-size:14px;
}

/* DROPDOWN FLAG */
.lang-dropdown img{
  width:18px;
  height:18px;
  border-radius:50%;
}
/* =========================
   SAMPLE REVIEWS - COMPACT
========================= */
.sample-reviews-section{
  padding: 48px 0;
  background: #ffffff;
  overflow: hidden;
}

.sample-reviews-section::before{
  display: none;
}

.sample-reviews-head{
  max-width: 700px;
  margin: 0 auto 22px;
  text-align: center;
}

.sample-reviews-head h2{
  margin: 0 0 8px;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.2;
  font-weight: 800;
  color: #111827;
}

.sample-reviews-head p{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}

.review-stream-block{
  margin-bottom: 18px;
  padding: 14px 14px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

.review-stream-block:last-child{
  margin-bottom: 0;
}

.review-stream-block::before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin: -14px 0 12px;
  background: linear-gradient(90deg, #d4af37, transparent);
  opacity: .7;
}

.review-stream-top{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.review-platform-mark{
  min-height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #eceff3;
  background: #f8fafc;
}

.google-logo{
  gap: 1px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

.google-logo .g1{ color:#4285F4; }
.google-logo .g2{ color:#EA4335; }
.google-logo .g3{ color:#FBBC05; }
.google-logo .g4{ color:#4285F4; }
.google-logo .g5{ color:#34A853; }
.google-logo .g6{ color:#EA4335; }

.trip-logo{
  gap: 10px;
}

.trip-eye{
  position: relative;
  width: 28px;
  height: 16px;
  border: 2px solid #84a83d;
  border-radius: 999px;
}

.trip-eye::before,
.trip-eye::after{
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #84a83d;
  border-radius: 50%;
  transform: translateY(-50%);
}

.trip-eye::before{ left: 3px; }
.trip-eye::after{ right: 3px; }

.trip-eye span{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  background: #111;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.trip-text{
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

.review-stream{
  width: 100%;
  overflow: hidden;
}

.review-stream-track{
  display: flex;
  gap: 12px;
  width: max-content;
  will-change: transform;
}

.sample-review-card{
  width: 270px;
  min-width: 270px;
  min-height: 155px;
  padding: 14px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  transition: transform .22s ease, box-shadow .22s ease;
}

.sample-review-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.sample-review-card-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.sample-review-user{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.sample-review-avatar{
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #111827, #c59d2c);
}

.sample-review-meta strong{
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: #111827;
}

.sample-review-date{
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #6b7280;
  line-height: 1.3;
}

.sample-review-stars{
  flex-shrink: 0;
  font-size: 12px;
  letter-spacing: 1px;
  color: #f4b400;
  padding-top: 1px;
}

.sample-review-card p{
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #374151;
}

/* daha hızlı akış */
.review-stream-right .review-stream-track{
  animation: reviewFlowRightFast 18s linear infinite;
}

.review-stream-left .review-stream-track{
  animation: reviewFlowLeftFast 18s linear infinite;
}

.review-stream:hover .review-stream-track{
  animation-play-state: paused;
}

@keyframes reviewFlowRightFast{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

@keyframes reviewFlowLeftFast{
  0%{ transform: translateX(-50%); }
  100%{ transform: translateX(0); }
}

@media (max-width: 991px){
  .sample-reviews-section{
    padding: 40px 0;
  }

  .sample-review-card{
    width: 240px;
    min-width: 240px;
    min-height: 148px;
  }
}

@media (max-width: 767px){
  .sample-reviews-head{
    margin-bottom: 18px;
  }

  .sample-reviews-head h2{
    font-size: 22px;
  }

  .sample-reviews-head p{
    font-size: 13px;
  }

  .review-stream-block{
    padding: 12px 12px 10px;
    border-radius: 14px;
  }

  .review-platform-mark{
    min-height: 38px;
    padding: 0 10px;
  }

  .google-logo{
    font-size: 19px;
  }

  .trip-text{
    font-size: 16px;
  }

  .sample-review-card{
    width: 215px;
    min-width: 215px;
    min-height: 142px;
    padding: 12px;
    border-radius: 14px;
  }

  .sample-review-avatar{
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 12px;
  }

  .sample-review-meta strong{
    font-size: 12px;
  }

  .sample-review-date{
    font-size: 10px;
  }

  .sample-review-stars{
    font-size: 11px;
  }

  .sample-review-card p{
    font-size: 12px;
    line-height: 1.55;
  }

  .review-stream-track{
    gap: 10px;
  }
}
/* =========================
   PLATFORM HEADER FIX
========================= */

.review-stream-top{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 14px;
}

/* ortak yapı */
.review-platform-mark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: #f1f3f7;
  border: 1px solid #e5e7eb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}

/* GOOGLE */
.google-mark{
  background: linear-gradient(180deg, #f8fafc, #eef2f7);
  border: 1px solid #e3e7ee;
}

.google-logo{
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* TRIPADVISOR */
.trip-mark{
  background: linear-gradient(180deg, #f8fafc, #eef2f7);
  border: 1px solid #e3e7ee;
}

.trip-logo{
  display: flex;
  align-items: center;
  gap: 8px;
}

.trip-text{
  font-size: 17px;
  font-weight: 700;
  color: #1f2937;
}

/* göz ikonunu ortala */
.trip-eye{
  width: 26px;
  height: 14px;
  border: 2px solid #84a83d;
  border-radius: 999px;
  position: relative;
}

.trip-eye::before,
.trip-eye::after{
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  background: #84a83d;
  border-radius: 50%;
  transform: translateY(-50%);
}

.trip-eye::before{ left: 3px; }
.trip-eye::after{ right: 3px; }

.trip-eye span{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  background: #111;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* biraz daha hizalı görünüm */
.review-platform-mark{
  min-width: 140px;
  justify-content: center;
}

/* mobil düzeltme */
@media (max-width: 767px){
  .review-platform-mark{
    height: 40px;
    padding: 0 12px;
    min-width: 120px;
  }

  .google-logo{
    font-size: 18px;
  }

  .trip-text{
    font-size: 15px;
  }
}
/* =========================
   REVIEW HUB - COMPACT PRO
========================= */
.review-hub-section{
  padding: 48px 0;
  background: #f7f5f1;
}

.review-hub-section .container{
  max-width: 1180px;
}

.review-hub-card{
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 36px 34px;
  border-radius: 28px;
  background: linear-gradient(180deg, #fcfbf8 0%, #f8f5ef 100%);
  border: 1px solid rgba(201, 169, 97, 0.18);
  box-shadow:
    0 18px 45px rgba(32, 24, 14, 0.06),
    inset 0 1px 0 rgba(255,255,255,0.75);
  overflow: hidden;
}

.review-hub-glow{
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(42px);
  opacity: 0.32;
}

.review-hub-glow-1{
  width: 180px;
  height: 180px;
  top: -50px;
  left: -50px;
  background: rgba(212, 175, 55, 0.12);
}

.review-hub-glow-2{
  width: 160px;
  height: 160px;
  right: -35px;
  bottom: -35px;
  background: rgba(22, 185, 129, 0.08);
}

.review-hub-head{
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 26px;
  text-align: center;
}

.review-hub-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  background: #f0ebe1;
  border: 1px solid rgba(201, 169, 97, 0.16);
  color: #9d7a2f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.review-hub-head h2{
  margin: 0 0 12px;
  font-size: clamp(30px, 3.1vw, 54px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: #101828;
}

.review-hub-head p{
  max-width: 720px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
  color: #5f6673;
}

.google-text{
  color: #4285F4;
}

.tripadvisor-text{
  color: #21b88f;
}

.review-platform-grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.review-platform-card{
  position: relative;
  padding: 26px 26px 24px;
  border-radius: 24px;
  background: rgba(255,255,255,0.62);
  border: 1px solid rgba(201, 169, 97, 0.16);
  box-shadow:
    0 10px 28px rgba(23, 20, 15, 0.04),
    inset 0 1px 0 rgba(255,255,255,0.7);
  backdrop-filter: blur(8px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.review-platform-card:hover{
  transform: translateY(-4px);
  box-shadow:
    0 16px 34px rgba(23, 20, 15, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.78);
}

.platform-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.platform-chip{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.google-chip{
  color: #3b76f6;
  background: rgba(66, 133, 244, 0.08);
  border: 1px solid rgba(66, 133, 244, 0.14);
}

.tripadvisor-chip{
  color: #00a680;
  background: rgba(0, 166, 128, 0.09);
  border: 1px solid rgba(0, 166, 128, 0.14);
}

.platform-stars{
  font-size: 17px;
  line-height: 1;
  letter-spacing: 1.5px;
  color: #c89d4a;
  white-space: nowrap;
}

.review-platform-card h3{
  margin: 0 0 14px;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.18;
  letter-spacing: -0.025em;
  font-weight: 800;
  color: #0f172a;
}

.review-platform-card h3 span{
  display: inline;
}

.review-platform-card p{
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.8;
  color: #5d6574;
}

.platform-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 0 20px;
  border-radius: 16px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.01em;
  transition: transform .2s ease, box-shadow .25s ease, opacity .2s ease;
}

.platform-btn:hover{
  transform: translateY(-2px);
}

.google-btn{
  color: #111827;
  background: linear-gradient(135deg, #d9bb76 0%, #c79f56 100%);
  box-shadow: 0 10px 20px rgba(199, 159, 86, 0.20);
}

.tripadvisor-btn{
  color: #ffffff;
  background: linear-gradient(135deg, #101114 0%, #1e2127 100%);
  box-shadow: 0 10px 20px rgba(16, 17, 20, 0.20);
}

/* biraz daha sade ve kurumsal görünüm */
.google-card::before,
.tripadvisor-card::before{
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.35), transparent);
}

/* tablet */
@media (max-width: 991px){
  .review-hub-section{
    padding: 40px 0;
  }

  .review-hub-card{
    padding: 28px 24px;
    border-radius: 24px;
  }

  .review-hub-head{
    margin-bottom: 22px;
  }

  .review-platform-grid{
    gap: 16px;
  }

  .review-platform-card{
    padding: 22px 20px 20px;
    border-radius: 20px;
  }

  .review-platform-card h3{
    font-size: 28px;
  }
}

/* mobil */
@media (max-width: 767px){
  .review-hub-section{
    padding: 32px 0;
  }

  .review-hub-card{
    padding: 22px 16px;
    border-radius: 20px;
  }

  .review-hub-glow-1{
    width: 120px;
    height: 120px;
    top: -30px;
    left: -30px;
  }

  .review-hub-glow-2{
    width: 110px;
    height: 110px;
    right: -20px;
    bottom: -20px;
  }

  .review-hub-badge{
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
    margin-bottom: 12px;
  }

  .review-hub-head h2{
    font-size: 28px;
    line-height: 1.12;
    margin-bottom: 10px;
  }

  .review-hub-head p{
    font-size: 14px;
    line-height: 1.7;
  }

  .review-platform-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .review-platform-card{
    padding: 18px 16px 16px;
    border-radius: 18px;
  }

  .platform-top{
    margin-bottom: 14px;
  }

  .platform-chip{
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
  }

  .platform-stars{
    font-size: 15px;
    letter-spacing: 1px;
  }

  .review-platform-card h3{
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .review-platform-card p{
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 16px;
  }

  .platform-btn{
    min-height: 48px;
    border-radius: 14px;
    font-size: 14px;
  }
}
/* =========================
   SOCIAL FOLLOW - COMPACT PRO
========================= */
.social-follow-section{
  padding: 44px 0 50px;
  background: linear-gradient(180deg, #f8f6f2 0%, #f5f2ec 100%);
}

.social-follow-container{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 18px;
}

.social-follow-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  margin: 0 auto 14px;
  border-radius: 999px;
  background: #f2ece1;
  border: 1px solid rgba(201, 169, 97, 0.25);
  color: #b07d17;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.social-follow-section h2{
  margin: 0 0 10px;
  text-align: center;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: #0f172a;
}

.social-follow-section > .social-follow-container > p,
.social-follow-container > p{
  max-width: 720px;
  margin: 0 auto 26px;
  text-align: center;
  font-size: 15px;
  line-height: 1.8;
  color: #5d6574;
}

.social-follow-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.social-card{
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 98px;
  padding: 16px 18px;
  border-radius: 20px;
  text-decoration: none;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(201, 169, 97, 0.18);
  box-shadow:
    0 10px 28px rgba(28, 23, 16, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.72);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow: hidden;
}

.social-card::before{
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.35), transparent);
}

.social-card:hover{
  transform: translateY(-4px);
  box-shadow:
    0 16px 34px rgba(28, 23, 16, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.78);
  border-color: rgba(201, 169, 97, 0.28);
}

.social-icon{
  width: 58px;
  height: 58px;
  min-width: 58px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  background: linear-gradient(135deg, #d8b54f 0%, #ecd89b 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.4),
    0 8px 18px rgba(201, 169, 97, 0.18);
}

.social-icon svg{
  width: 26px;
  height: 26px;
}

.social-text{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.social-text h3{
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.social-text span{
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: #8a6a20;
  font-weight: 600;
  word-break: break-word;
}

/* marka bazlı ufak kurumsal dokunuşlar */
.social-card:nth-child(1) .social-icon{
  background: linear-gradient(135deg, #d5b247 0%, #eedda7 100%);
}

.social-card:nth-child(2) .social-icon{
  background: linear-gradient(135deg, #cfab3f 0%, #ead58f 100%);
}

.social-card:nth-child(3) .social-icon{
  background: linear-gradient(135deg, #d6b655 0%, #eddc9f 100%);
}

.social-card:nth-child(4) .social-icon{
  background: linear-gradient(135deg, #d2ad44 0%, #ead38c 100%);
}

/* 3+1 görünüm yerine düzgün yerleşim */
@media (max-width: 1199px){
  .social-follow-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .social-follow-section{
    padding: 34px 0 38px;
  }

  .social-follow-badge{
    min-height: 30px;
    padding: 0 12px;
    margin-bottom: 12px;
    font-size: 11px;
  }

  .social-follow-section h2{
    font-size: 28px;
    margin-bottom: 8px;
  }

  .social-follow-section > .social-follow-container > p,
  .social-follow-container > p{
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.7;
  }

  .social-follow-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .social-card{
    min-height: 86px;
    padding: 14px 15px;
    border-radius: 16px;
    gap: 12px;
  }

  .social-card::before{
    left: 14px;
    right: 14px;
  }

  .social-icon{
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 15px;
  }

  .social-icon svg{
    width: 22px;
    height: 22px;
  }

  .social-text h3{
    font-size: 16px;
  }

  .social-text span{
    font-size: 12px;
  }
}
/* =========================
   ABOUT STRIP - NEXT LEVEL
========================= */
.about-strip{
  padding: 58px 0;
  background:
    radial-gradient(circle at top left, rgba(212,175,55,0.08), transparent 26%),
    radial-gradient(circle at bottom right, rgba(212,175,55,0.05), transparent 24%),
    linear-gradient(180deg, #f7f4ee 0%, #f2ede4 100%);
  border-top: 1px solid rgba(201, 169, 97, 0.16);
  border-bottom: 1px solid rgba(201, 169, 97, 0.16);
}

.about-strip-box{
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 38px 34px 28px;
  border-radius: 28px;
  background: rgba(255,255,255,0.62);
  border: 1px solid rgba(201,169,97,0.16);
  box-shadow:
    0 18px 42px rgba(29, 24, 17, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.72);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.about-strip-box::before{
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,169,97,0.35), transparent);
}

.about-strip-head{
  display: grid;
  grid-template-columns: 1.15fr .95fr;
  gap: 42px;
  align-items: center;
  margin-bottom: 28px;
}

.about-strip-left{
  position: relative;
}

.about-strip-right{
  position: relative;
  padding-left: 26px;
}

.about-strip-right::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(201,169,97,0.42), transparent);
}

.about-strip .section-kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 15px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: #f4ede1;
  border: 1px solid rgba(201,169,97,0.22);
  color: #a97716;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.about-strip h2{
  margin: 0;
  max-width: 560px;
  font-size: clamp(32px, 3vw, 50px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  font-weight: 800;
  color: #101828;
}

.about-strip p{
  margin: 0;
  max-width: 520px;
  font-size: 15px;
  line-height: 1.85;
  color: #5e6674;
}

/* features */
.about-strip-features{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.about-feature-card{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  min-height: 148px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.84), rgba(249,245,237,0.82));
  border: 1px solid rgba(201,169,97,0.14);
  box-shadow:
    0 10px 24px rgba(27, 22, 16, 0.04),
    inset 0 1px 0 rgba(255,255,255,0.72);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.about-feature-card:hover{
  transform: translateY(-4px);
  box-shadow:
    0 16px 28px rgba(27, 22, 16, 0.06),
    inset 0 1px 0 rgba(255,255,255,0.78);
  border-color: rgba(201,169,97,0.24);
}

.about-feature-icon{
  width: 54px;
  height: 54px;
  min-width: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  background: linear-gradient(135deg, #d8b44d 0%, #eedda6 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.4),
    0 8px 16px rgba(201,169,97,0.18);
}

.about-feature-icon svg{
  width: 24px;
  height: 24px;
}

.about-feature-text h3{
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.about-feature-text p{
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: #647082;
}

/* stats */
.about-strip-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  padding-top: 12px;
}

.about-stat{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  text-align: center;
  border-radius: 18px;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(201,169,97,0.12);
}

.about-stat strong{
  display: block;
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.03em;
}

.about-stat span{
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #866824;
  font-weight: 600;
}

/* tablet */
@media (max-width: 991px){
  .about-strip{
    padding: 44px 0;
  }

  .about-strip-box{
    padding: 28px 22px 22px;
    border-radius: 24px;
  }

  .about-strip-head{
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 22px;
  }

  .about-strip-right{
    padding-left: 0;
  }

  .about-strip-right::before{
    display: none;
  }

  .about-strip-features{
    grid-template-columns: 1fr;
  }

  .about-feature-card{
    min-height: unset;
  }
}

/* mobil */
@media (max-width: 767px){
  .about-strip{
    padding: 34px 0;
  }

  .about-strip-box{
    padding: 22px 14px 16px;
    border-radius: 20px;
  }

  .about-strip-box::before{
    left: 16px;
    right: 16px;
  }

  .about-strip .section-kicker{
    min-height: 30px;
    padding: 0 12px;
    margin-bottom: 10px;
    font-size: 11px;
  }

  .about-strip h2{
    font-size: 27px;
    line-height: 1.14;
  }

  .about-strip p{
    font-size: 14px;
    line-height: 1.7;
  }

  .about-strip-features{
    gap: 12px;
    margin-bottom: 12px;
  }

  .about-feature-card{
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .about-feature-icon{
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 14px;
  }

  .about-feature-icon svg{
    width: 20px;
    height: 20px;
  }

  .about-feature-text h3{
    font-size: 16px;
    margin-bottom: 6px;
  }

  .about-feature-text p{
    font-size: 13px;
    line-height: 1.65;
  }

  .about-strip-stats{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .about-stat{
    min-height: 70px;
    border-radius: 14px;
  }

  .about-stat strong{
    font-size: 20px;
  }

  .about-stat span{
    font-size: 12px;
  }
}
/* =========================
   PRICE CTA - CORPORATE WHITE
========================= */
.price-cta-section{
  position: relative;
  padding: 34px 0 40px;
  background: #ffffff;
  overflow: hidden;
}

.price-cta-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at left center, rgba(37, 211, 102, 0.05), transparent 24%),
    radial-gradient(circle at right center, rgba(16, 185, 129, 0.04), transparent 22%);
  pointer-events: none;
}

/* slider alanı */
.cta-slider{
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  margin-bottom: 18px;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.cta-track{
  display: flex;
  align-items: center;
  gap: 14px;
  width: max-content;
  animation: ctaFlow 26s linear infinite;
  will-change: transform;
}

.cta-slider:hover .cta-track{
  animation-play-state: paused;
}

.cta-track img{
  width: 270px;
  height: 152px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    0 2px 8px rgba(15, 23, 42, 0.05);
  transition: transform .25s ease, box-shadow .25s ease;
}

.cta-track img:hover{
  transform: translateY(-4px);
  box-shadow:
    0 16px 30px rgba(15, 23, 42, 0.10),
    0 3px 10px rgba(15, 23, 42, 0.06);
}

@keyframes ctaFlow{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-33.333%); }
}

/* içerik alanı */
.price-cta-section .container{
  position: relative;
  z-index: 2;
}

/* ana buton */
.price-cta-btn{
  width: min(100%, 620px);
  min-height: 56px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 999px;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #ffffff;
  background: linear-gradient(135deg, #25D366 0%, #1fb857 100%);
  border: 1px solid rgba(20, 130, 58, 0.22);
  box-shadow:
    0 14px 28px rgba(37, 211, 102, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.28);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  animation: ctaPulse 2.8s ease-in-out infinite;
}

.price-cta-btn:hover{
  transform: translateY(-3px) scale(1.01);
  box-shadow:
    0 18px 34px rgba(37, 211, 102, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.32);
  filter: saturate(1.03);
}

.price-cta-btn::after{
  content: "›";
  font-size: 19px;
  line-height: 1;
  font-weight: 900;
  opacity: .95;
}

@keyframes ctaPulse{
  0%, 100%{
    transform: scale(1);
  }
  50%{
    transform: scale(0.985);
  }
}

/* açıklama notu */
.price-note{
  width: fit-content;
  max-width: min(100%, 520px);
  margin: 12px auto 0;
  padding: 10px 18px;
  text-align: center;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid rgba(37, 211, 102, 0.22);
  color: #4b5563;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

/* mobil / tablet */
@media (max-width: 991px){
  .price-cta-section{
    padding: 28px 0 34px;
  }

  .cta-track img{
    width: 230px;
    height: 132px;
    border-radius: 16px;
  }

  .price-cta-btn{
    width: min(100%, 560px);
    min-height: 52px;
    font-size: 14px;
  }
}

@media (max-width: 767px){
  .price-cta-section{
    padding: 22px 0 28px;
  }

  .cta-slider{
    margin-bottom: 14px;
    mask-image: none;
    -webkit-mask-image: none;
  }

  .cta-track{
    gap: 10px;
  }

  .cta-track img{
    width: 180px;
    height: 108px;
    border-radius: 14px;
  }

  .price-cta-btn{
    width: calc(100% - 24px);
    min-height: 48px;
    padding: 0 16px;
    font-size: 13px;
    line-height: 1.35;
    border-radius: 18px;
  }

  .price-cta-btn::after{
    font-size: 17px;
  }

  .price-note{
    max-width: calc(100% - 24px);
    padding: 9px 14px;
    font-size: 12px;
    border-radius: 16px;
  }
}
/* =========================
   CTA SLIDER ALIGN FIX
========================= */

/* slider artık container ile aynı genişlikte */
.cta-slider{
  max-width: 1120px;
  margin: 0 auto 18px;
  padding: 0 20px;
}

/* taşmayı kes */
.cta-track{
  width: max-content;
}

/* görsellerin fazla büyümesini engelle */
.cta-track img{
  width: 240px; /* önce 270'ti, biraz küçülttük */
}

/* mobilde daha da düzgün hizala */
@media (max-width: 767px){
  .cta-slider{
    padding: 0 12px;
  }

  .cta-track img{
    width: 180px;
  }
}
.cta-slider{
  max-width: 1100px; /* yukarıdaki container ile aynı yap */
}
/* =========================================
   DARK PREMIUM ALT TEMA
   Başlangıç: review-hub-section ve sonrası
========================================= */

/* ortak dark palette */
:root{
  --dark-bg: #0d0f12;
  --dark-bg-2: #121519;
  --dark-bg-3: #171b20;
  --dark-card: #15181d;
  --dark-card-2: #1a1f25;
  --dark-line: rgba(255,255,255,0.08);
  --dark-line-soft: rgba(255,255,255,0.05);
  --dark-text: #f5f3ee;
  --dark-text-soft: rgba(245,243,238,0.72);
  --dark-gold: #c8a96b;
  --dark-gold-2: #e0c48f;
  --dark-shadow: 0 18px 42px rgba(0,0,0,0.34);
}

/* =========================
   REVIEW HUB
========================= */
.review-hub-section{
  padding: 80px 0;
  background:
    radial-gradient(circle at top left, rgba(200,169,107,0.10), transparent 28%),
    linear-gradient(180deg, #0d0f12 0%, #13171b 100%) !important;
}

.review-hub-card{
  background: linear-gradient(180deg, rgba(24,28,33,0.98) 0%, rgba(16,19,23,0.98) 100%) !important;
  border: 1px solid rgba(200,169,107,0.16) !important;
  box-shadow:
    0 20px 54px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.review-hub-glow-1{
  background: radial-gradient(circle, rgba(200,169,107,0.12), transparent 72%) !important;
}

.review-hub-glow-2{
  background: radial-gradient(circle, rgba(200,169,107,0.06), transparent 72%) !important;
}

.review-hub-badge{
  background: rgba(200,169,107,0.10) !important;
  color: var(--dark-gold-2) !important;
  border: 1px solid rgba(200,169,107,0.18);
}

.review-hub-head h2{
  color: var(--dark-text) !important;
}

.review-hub-head p{
  color: var(--dark-text-soft) !important;
}

/* google / tripadvisor renklerini premium sadeleştir */
.review-hub-section .google-text,
.review-hub-section .tripadvisor-text{
  background: linear-gradient(90deg, #f5f3ee 0%, #d8ba80 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.review-hub-section .google-text::after{
  display: none !important;
}

.review-platform-card{
  background: linear-gradient(180deg, #181c22 0%, #12161b 100%) !important;
  border: 1px solid rgba(200,169,107,0.14) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.26) !important;
}

.review-platform-card h3{
  color: var(--dark-text) !important;
}

.review-platform-card p{
  color: var(--dark-text-soft) !important;
}

.platform-chip{
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.google-chip{
  background: rgba(200,169,107,0.10) !important;
  color: var(--dark-gold-2) !important;
  border: 1px solid rgba(200,169,107,0.18) !important;
}

.tripadvisor-chip{
  background: rgba(255,255,255,0.05) !important;
  color: #f1ede5 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.platform-stars{
  color: var(--dark-gold) !important;
}

.google-btn{
  background: linear-gradient(135deg, #d4b46f 0%, #b88f49 100%) !important;
  color: #141414 !important;
  box-shadow: 0 10px 26px rgba(200,169,107,0.22) !important;
}

.google-btn:hover{
  background: linear-gradient(135deg, #e0c488 0%, #af823d 100%) !important;
}

.tripadvisor-btn{
  background: linear-gradient(135deg, #232932 0%, #15191f 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 10px 26px rgba(0,0,0,0.24) !important;
}

.tripadvisor-btn:hover{
  background: linear-gradient(135deg, #2b323c 0%, #191e25 100%) !important;
}

/* =========================
   SOCIAL FOLLOW
========================= */
.social-follow-section{
  padding: 56px 0 60px;
  background: linear-gradient(180deg, #111418 0%, #0d1013 100%) !important;
  border-top: 1px solid rgba(200,169,107,0.10);
  border-bottom: 1px solid rgba(200,169,107,0.10);
}

.social-follow-badge{
  background: rgba(200,169,107,0.10) !important;
  color: var(--dark-gold-2) !important;
  border: 1px solid rgba(200,169,107,0.18) !important;
}

.social-follow-section h2{
  color: var(--dark-text) !important;
}

.social-follow-section > .social-follow-container > p,
.social-follow-container > p{
  color: var(--dark-text-soft) !important;
}

.social-card{
  background: linear-gradient(180deg, #181c21 0%, #12161b 100%) !important;
  border: 1px solid rgba(200,169,107,0.12) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.24) !important;
}

.social-card::before{
  background: linear-gradient(90deg, transparent, rgba(200,169,107,0.28), transparent) !important;
}

.social-card:hover{
  border-color: rgba(200,169,107,0.24) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.30) !important;
}

.social-icon{
  background: linear-gradient(135deg, #d4b46e 0%, #ecd89c 100%) !important;
  color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    0 8px 18px rgba(200,169,107,0.16) !important;
}

.social-text h3{
  color: var(--dark-text) !important;
}

.social-text span{
  color: rgba(224,196,143,0.88) !important;
}

/* youtube özel kırmızı ezilmesin ama premium kalsın */
.social-card:nth-child(4) .social-icon{
  color: #ff3b30 !important;
}

/* =========================
   ABOUT STRIP
========================= */
.about-strip{
  padding: 72px 0;
  background:
    radial-gradient(circle at left center, rgba(200,169,107,0.08), transparent 24%),
    linear-gradient(180deg, #0f1216 0%, #161a20 100%) !important;
  border-top: 1px solid rgba(200,169,107,0.12) !important;
  border-bottom: 1px solid rgba(200,169,107,0.12) !important;
}

.about-strip-box{
  background: linear-gradient(180deg, rgba(24,28,33,0.98) 0%, rgba(16,19,24,0.98) 100%) !important;
  border: 1px solid rgba(200,169,107,0.14) !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.about-strip-box::before{
  background: linear-gradient(90deg, transparent, rgba(200,169,107,0.26), transparent) !important;
}

.about-strip .section-kicker{
  background: rgba(200,169,107,0.10) !important;
  color: var(--dark-gold-2) !important;
  border: 1px solid rgba(200,169,107,0.18) !important;
}

.about-strip h2{
  color: var(--dark-text) !important;
}

.about-strip p{
  color: var(--dark-text-soft) !important;
}

.about-strip-right::before{
  background: linear-gradient(180deg, transparent, rgba(200,169,107,0.24), transparent) !important;
}

.about-feature-card{
  background: linear-gradient(180deg, #181c22 0%, #12161b 100%) !important;
  border: 1px solid rgba(200,169,107,0.12) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.24) !important;
}

.about-feature-card:hover{
  border-color: rgba(200,169,107,0.22) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.30) !important;
}

.about-feature-icon{
  background: linear-gradient(135deg, #d4b46e 0%, #ecd89c 100%) !important;
  color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 8px 16px rgba(200,169,107,0.16) !important;
}

.about-feature-text h3{
  color: var(--dark-text) !important;
}

.about-feature-text p{
  color: var(--dark-text-soft) !important;
}

.about-stat{
  background: linear-gradient(180deg, #191d22 0%, #12161a 100%) !important;
  border: 1px solid rgba(200,169,107,0.10) !important;
}

.about-stat strong{
  color: var(--dark-text) !important;
}

.about-stat span{
  color: rgba(224,196,143,0.86) !important;
}

/* =========================
   FOOTER'I BİRAZ DAHA UYUMLU YAP
========================= */
.footer{
  background: #0a0c0f !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(200,169,107,0.12);
}

.footer-col h4{
  color: var(--dark-text) !important;
}

.footer-brand-col p,
.footer-col li,
.footer-col a,
.footer-col span,
.footer-bottom p{
  color: rgba(245,243,238,0.70) !important;
}

.footer-col a:hover{
  color: var(--dark-gold-2) !important;
}

.footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* =========================
   HARİTA GEÇİŞİ İÇİN NÖTR ÇİZGİ
========================= */
.about-strip + .map-section,
.about-strip + section iframe,
.about-strip + .container iframe{
  border-top: 1px solid rgba(200,169,107,0.10);
}

/* =========================
   MOBİL DENGE
========================= */
@media (max-width: 768px){
  .review-hub-section,
  .social-follow-section,
  .about-strip{
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .review-hub-card,
  .about-strip-box{
    border-radius: 22px;
  }

  .review-platform-card,
  .social-card,
  .about-feature-card{
    border-radius: 18px;
  }
}
/* =========================================
   REVIEW HUB TEXT FIX
   Bozulan Google / Tripadvisor yazılarını düzelt
========================================= */

/* ana başlıkta blok gibi görünmeyi kaldır */
.review-hub-section .google-text,
.review-hub-section .tripadvisor-text,
.review-hub-section .review-platform-card .google-text,
.review-hub-section .review-platform-card .tripadvisor-text{
  display: inline !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  filter: none !important;
}

/* sahte glow katmanını kapat */
.review-hub-section .google-text::after,
.review-hub-section .tripadvisor-text::after{
  content: none !important;
  display: none !important;
}

/* normal okunaklı renkler */
.review-hub-section .google-text{
  color: #dcbc7a !important;
}

.review-hub-section .tripadvisor-text{
  color: #f3efe7 !important;
}

/* heading satır düzeni bozulmasın */
.review-hub-head h2,
.review-hub-section .review-platform-card h3{
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.review-hub-head h2 span,
.review-hub-section .review-platform-card h3 span{
  display: inline !important;
}

/* chip ve yıldız hizası biraz daha temiz dursun */
.review-hub-section .platform-top{
  align-items: center !important;
}

.review-hub-section .platform-stars{
  color: #d4af37 !important;
}

/* kart içindeki butonlar premium kalsın ama yazı net olsun */
.review-hub-section .platform-btn{
  text-shadow: none !important;
}

/* mobilde başlık taşarsa daha kontrollü olsun */
@media (max-width: 768px){
  .review-hub-head h2{
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  .review-hub-section .review-platform-card h3{
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
}
/* =========================
   PRICE CTA BUTTON FIX
========================= */

.price-cta-btn{
  background: linear-gradient(135deg, #25D366 0%, #1fb857 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow:
    0 14px 30px rgba(37, 211, 102, 0.35),
    0 0 0 rgba(37, 211, 102, 0) !important;
}

/* hover'da renk değişmesin */
.price-cta-btn:hover{
  background: linear-gradient(135deg, #25D366 0%, #1fb857 100%) !important;
  color: #ffffff !important;

  /* sadece hafif büyüsün */
  transform: translateY(-3px) scale(1.02);

  /* glow artabilir ama renk değişmez */
  box-shadow:
    0 18px 40px rgba(37, 211, 102, 0.45),
    0 0 18px rgba(37, 211, 102, 0.35) !important;
}

/* aktif tıklama efekti */
.price-cta-btn:active{
  transform: scale(0.97);
  box-shadow:
    0 8px 18px rgba(37, 211, 102, 0.25) !important;
}
/* pasif kartlar */
.social-disabled{
  pointer-events: none;
  opacity: 0.6;
  filter: grayscale(0.3);
}

/* hover efektini iptal et */
.social-disabled:hover{
  transform: none !important;
  box-shadow: inherit !important;
}

/* küçük "yakında" hissi */
.social-disabled .social-text span{
  color: #9ca3af !important;
}
/* =========================
   CORPORATE GALLERY
========================= */
.gallery-section{
  padding: 68px 0;
  background: #ffffff;
}

.gallery-head{
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

.gallery-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 15px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(200,169,107,0.12);
  color: #a78646;
  border: 1px solid rgba(200,169,107,0.20);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gallery-head h2{
  margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: #171717;
  font-weight: 800;
}

.gallery-head p{
  margin: 0;
  color: #6b6b6b;
  font-size: 15px;
  line-height: 1.8;
}

.gallery-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.gallery-item{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;
  background: #f7f4ee;
  border: 1px solid rgba(200,169,107,0.16);
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  aspect-ratio: 1 / 1;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.gallery-item::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.00) 35%, rgba(0,0,0,0.14) 100%);
  opacity: .65;
  pointer-events: none;
}

.gallery-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(0,0,0,0.10);
  border-color: rgba(200,169,107,0.26);
}

.gallery-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.gallery-item:hover img{
  transform: scale(1.06);
}

/* lightbox */
.gallery-lightbox{
  position: fixed;
  inset: 0;
  background: rgba(10,10,10,0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .25s ease;
  z-index: 99999;
}

.gallery-lightbox.active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gallery-lightbox-inner{
  max-width: min(1100px, 90vw);
  max-height: 86vh;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.10);
}

.gallery-lightbox-inner img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 86vh;
  object-fit: contain;
  background: #111;
}

.gallery-lightbox-close{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 46px;
  height: 46px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: .2s ease;
}

.gallery-lightbox-close:hover{
  background: rgba(255,255,255,0.20);
}

.gallery-lightbox-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  transition: .2s ease;
}

.gallery-lightbox-nav:hover{
  background: rgba(255,255,255,0.20);
}

.gallery-lightbox-prev{
  left: 22px;
}

.gallery-lightbox-next{
  right: 22px;
}

/* tablet */
@media (max-width: 1100px){
  .gallery-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .gallery-section{
    padding: 52px 0;
  }

  .gallery-head{
    margin-bottom: 22px;
  }

  .gallery-badge{
    min-height: 30px;
    padding: 0 12px;
    margin-bottom: 10px;
    font-size: 11px;
  }

  .gallery-head h2{
    font-size: 26px;
    line-height: 1.18;
  }

  .gallery-head p{
    font-size: 14px;
    line-height: 1.7;
  }

  .gallery-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .gallery-item{
    border-radius: 14px;
  }

  .gallery-lightbox{
    padding: 20px 10px;
  }

  .gallery-lightbox-nav{
    width: 42px;
    height: 42px;
    font-size: 28px;
  }

  .gallery-lightbox-prev{
    left: 10px;
  }

  .gallery-lightbox-next{
    right: 10px;
  }

  .gallery-lightbox-close{
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
/* =========================
   GALLERY DARK MODE
========================= */

.gallery-section{
  background: linear-gradient(180deg, #0d0f12 0%, #13171b 100%) !important;
  padding: 70px 0;
}

/* başlık alanı */
.gallery-head h2{
  color: #f5f3ee !important;
}

.gallery-head p{
  color: rgba(245,243,238,0.7) !important;
}

/* badge */
.gallery-badge{
  background: rgba(200,169,107,0.12) !important;
  color: #e0c48f !important;
  border: 1px solid rgba(200,169,107,0.22);
}

/* grid kartlar */
.gallery-item{
  background: #15181d !important;
  border: 1px solid rgba(200,169,107,0.12) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.35) !important;
}

/* hover efekti */
.gallery-item:hover{
  border-color: rgba(200,169,107,0.25) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.45) !important;
}

/* görseller biraz daha premium kontrast */
.gallery-item img{
  filter: brightness(0.95) contrast(1.05);
}

/* lightbox zaten dark ama güçlendirelim */
.gallery-lightbox{
  background: rgba(5,5,5,0.92) !important;
}
.gallery-section{
  margin-top: -20px;
  border-top: 1px solid rgba(200,169,107,0.12);
}