.destinations-hero{
  position:relative;
  height:350px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero-background{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
}
.hero-background img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(239,68,68,0.9), rgba(220,38,38,0.8));
}
.hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  color:#fff;
}
.hero-title{
  font-size:56px;
  font-weight:900;
  margin-bottom:20px;
  text-shadow:0 4px 12px rgba(0,0,0,0.3);
}
.hero-subtitle{
  font-size:20px;
  color:rgba(255,255,255,0.95);
}

.hero-stats{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
  max-width:1000px;
  margin:0 auto;
}
.stat-box{
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(10px);
  border:2px solid rgba(255,255,255,0.2);
  border-radius:20px;
  padding:32px 24px;
  text-align:center;
  transition:all 0.3s ease;
  position:relative;
  overflow:hidden;
}
.stat-box::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
  opacity:0;
  transition:opacity 0.3s ease;
}
.stat-box:hover::before{
  opacity:1;
}
.stat-box:hover{
  background:rgba(255,255,255,0.2);
  border-color:rgba(255,255,255,0.4);
  transform:translateY(-8px);
  box-shadow:0 12px 32px rgba(0,0,0,0.3);
}
.stat-number{
  font-size:48px;
  font-weight:900;
  color:#fff;
  line-height:1;
  margin-bottom:12px;
  text-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.stat-label{
  font-size:14px;
  color:rgba(255,255,255,0.95);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

.section-header{
  margin-bottom:48px;
}
.section-title{
  font-size: clamp(36px, 5vw, 48px);
  font-weight:900;
  color:#111;
  margin-bottom:12px;
  line-height: 1.2;
}
.section-title::after{
  content:'';
  position:absolute;
  bottom:-8px;
  left:50%;
  transform:translateX(-50%);
  width:80px;
  height:4px;
  background:linear-gradient(90deg, #ef4444, #dc2626);
  border-radius:2px;
}
.section-subtitle{
  font-size:18px;
  color:#6b7280;
  margin:0;
  line-height: 1.6;
}

.featured-section{
  background:#f9fafb;
}

.featured-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
}
.featured-card.large{
  min-height:500px;
}
.featured-card.small{
  min-height:240px;
}
.featured-image{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
}
.featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.5s ease;
}
.featured-card:hover .featured-image img{
  transform:scale(1.1);
}
.featured-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);
}
.featured-content{
  position:relative;
  z-index:2;
  padding:32px;
  margin-top:auto;
  color:#fff;
}
.featured-badge{
  display:inline-block;
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  padding:8px 16px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:16px;
}
.featured-title{
  font-size:36px;
  font-weight:900;
  margin-bottom:12px;
  color:#fff;
}
.featured-card.small .featured-title{
  font-size:24px;
}
.featured-description{
  font-size:16px;
  margin-bottom:20px;
  opacity:0.95;
}
.featured-card.small .featured-description{
  font-size:14px;
}
.featured-stats{
  display:flex;
  gap:24px;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.featured-stats span{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:600;
  opacity:0.9;
}
.featured-stats i{
  color:#ef4444;
  font-size:16px;
}
.btn-explore{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#fff;
  color:#111;
  padding:14px 28px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  transition:all 0.3s ease;
}
.btn-explore:hover{
  background:#ef4444;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(239,68,68,0.4);
}
.btn-explore i{
  transition:transform 0.3s ease;
}
.btn-explore:hover i{
  transform:translateX(4px);
}

.destinations-section{
  background:#fff;
}

.destinations-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
  gap:32px;
}

.destination-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,0.08);
  transition:all 0.3s ease;
  border:2px solid #f3f4f6;
}
.destination-card:hover{
  transform:translateY(-8px);
  box-shadow:0 12px 32px rgba(0,0,0,0.15);
  border-color:#ef4444;
}
.destination-image{
  position:relative;
  height:240px;
  overflow:hidden;
}
.destination-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.5s ease;
}
.destination-card:hover .destination-image img{
  transform:scale(1.1);
}
.destination-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(239,68,68,0.95), rgba(220,38,38,0.9));
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity 0.3s ease;
}
.destination-card:hover .destination-overlay{
  opacity:1;
}
.overlay-content{
  text-align:center;
  color:#fff;
  padding:20px;
}
.overlay-content h4{
  font-size:24px;
  font-weight:800;
  margin-bottom:8px;
}
.overlay-content p{
  font-size:14px;
  margin:0;
  opacity:0.95;
}
.destination-content{
  padding:24px;
}
.destination-name{
  font-size:24px;
  font-weight:800;
  color:#111;
  margin-bottom:12px;
}
.destination-info{
  display:flex;
  gap:20px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.destination-info span{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:#6b7280;
  font-weight:600;
}
.destination-info i{
  color:#ef4444;
  font-size:14px;
}
.destination-desc{
  color:#6b7280;
  line-height:1.6;
  margin-bottom:16px;
  font-size:14px;
}
.destination-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ef4444;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  transition:all 0.3s ease;
}
.destination-link:hover{
  gap:12px;
  color:#dc2626;
}
.destination-link i{
  font-size:12px;
}

.cta-section{
  background:linear-gradient(135deg, #f9fafb, #f3f4f6);
}
.cta-box{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  border-radius:24px;
  padding:64px 48px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.cta-box::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity:0.3;
}
.cta-content{
  position:relative;
  z-index:1;
}
.cta-title{
  font-size:36px;
  font-weight:900;
  color:#fff;
  line-height:1;
  margin-bottom:8px;
}
.stat-label{
  font-size:13px;
  color:rgba(255,255,255,0.9);
  font-weight:600;
}

.destination-filters{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}
.filter-btn-dest{
  background:#fff;
  border:2px solid #f3f4f6;
  color:#6b7280;
  padding:12px 24px;
  border-radius:12px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:all 0.3s ease;
  display:flex;
  align-items:center;
  gap:8px;
}
.filter-btn-dest:hover{
  border-color:#ef4444;
  color:#ef4444;
  transform:translateY(-2px);
}
.filter-btn-dest.active{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  border-color:#ef4444;
  color:#fff;
}
.filter-btn-dest i{
  font-size:16px;
}

.destination-tags{
  display:flex;
  gap:8px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.destination-tags span{
  padding:4px 12px;
  border-radius:12px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.tag-coastal{
  background:#dbeafe;
  color:#1e40af;
}
.tag-historical{
  background:#fef3c7;
  color:#92400e;
}
.tag-nature{
  background:#d1fae5;
  color:#065f46;
}
.tag-adventure{
  background:#fce7f3;
  color:#9f1239;
}

.cta-buttons{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}
.btn-cta{
  padding:16px 40px;
  border-radius:12px;
  font-weight:700;
  font-size:16px;
  text-decoration:none;
  transition:all 0.3s ease;
  display:inline-block;
}
.btn-cta.primary{
  background:#fff;
  color:#ef4444;
}
.btn-cta.primary:hover{
  background:#f9fafb;
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(0,0,0,0.2);
}
.btn-cta.secondary{
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,0.5);
}
.btn-cta.secondary:hover{
  background:rgba(255,255,255,0.1);
  border-color:#fff;
  transform:translateY(-2px);
}

@media (max-width: 991px){
  .hero-stats{
    grid-template-columns:repeat(2, 1fr);
  }
  .stat-number{
    font-size:40px;
  }
}

@media (max-width: 767px){
  .destinations-hero{
    height:200px;
  }
  .hero-title{
    font-size:36px;
  }
  .hero-subtitle{
    font-size:16px;
  }
  .hero-stats{
    grid-template-columns:1fr;
    gap:16px;
  }
  .stat-box{
    padding:24px 20px;
  }
  .stat-number{
    font-size:36px;
  }
  .stat-label{
    font-size:12px;
  }
  .destination-filters{
    gap:12px;
  }
  .filter-btn-dest{
    padding:10px 20px;
    font-size:13px;
  }
}

@media (max-width: 991px){
  .hero-title{
    font-size:42px;
  }
  .featured-card.large{
    min-height:400px;
  }
  .destinations-grid{
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  }
  .cta-box{
    padding:48px 32px;
  }
  .cta-title{
    font-size:28px;
  }
}

@media (max-width: 767px){
  .hero-title{
    font-size:26px;
  }
  .hero-subtitle{
    font-size:16px;
  }
  .featured-title{
    font-size:28px;
  }
  .featured-card.small .featured-title{
    font-size:20px;
  }
  .destinations-grid{
    grid-template-columns:1fr;
  }
  .cta-box{
    padding:40px 24px;
  }
  .cta-title{
    font-size:24px;
  }
  .cta-text{
    font-size:16px;
  }
  .cta-buttons{
    flex-direction:column;
  }
  .btn-cta{
    width:100%;
  }
}

.destinations-page-tour-section {
    background: #f9fafb;
}

.tours-swiper-dest {
    padding: 20px 0 60px;
    position: relative;
}

.tours-swiper-dest .swiper-slide {
    height: auto;
}

.tour-card-dest {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tour-card-dest:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.tour-image-dest {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.tour-image-dest img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.tour-card-dest:hover .tour-image-dest img {
    transform: scale(1.1);
}

.tour-badge-dest {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

.tour-badge-dest.best-seller {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: var(--white);
}

.tour-badge-dest.adventure {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: var(--white);
}

.tour-badge-dest.thrilling {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: var(--white);
}

.tour-rank-dest {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    color: #111;
    z-index: 2;
}

.tour-content-dest {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.tour-title-dest {
    font-size: 20px;
    font-weight: 800;
    color: #111;
    margin-bottom: 12px;
    line-height: 1.3;
}

.tour-description-dest {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 16px;
}

.tour-rating-dest {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
}

.tour-rating-dest i {
    color: #fbbf24;
    font-size: 16px;
}

.rating-score-dest {
    font-size: 16px;
    font-weight: 700;
    color: #111;
}

.rating-reviews-dest {
    font-size: 14px;
    color: #6b7280;
}

.tour-meta-dest {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
}

.tour-meta-dest span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
}

.tour-meta-dest i {
    font-size: 14px;
    color: #9ca3af;
}

.tour-footer-dest {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.tour-price-dest {
    display: flex;
    flex-direction: column;
}

.price-from-dest {
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.price-amount-dest {
    font-size: 28px;
    font-weight: 900;
    color: #ef4444;
    line-height: 1;
}

.btn-tour-dest {
    padding: 12px 24px;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: var(--white);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.btn-tour-dest:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(239, 68, 68, 0.4);
    color: var(--white);
}

.tours-swiper-dest .swiper-button-next,
.tours-swiper-dest .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: var(--white);
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.tours-swiper-dest .swiper-button-next:after,
.tours-swiper-dest .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 900;
    color: #111;
}

.tours-swiper-dest .swiper-button-next:hover,
.tours-swiper-dest .swiper-button-prev:hover {
    background: #ef4444;
}

.tours-swiper-dest .swiper-button-next:hover:after,
.tours-swiper-dest .swiper-button-prev:hover:after {
    color: var(--white);
}

.tours-swiper-dest .swiper-pagination {
    bottom: 20px;
}

.tours-swiper-dest .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d1d5db;
    opacity: 1;
}

.tours-swiper-dest .swiper-pagination-bullet-active {
    background: #ef4444;
    width: 24px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .tour-image-dest {
        height: 180px;
    }
    
    .tour-content-dest {
        padding: 20px;
    }
    
    .tour-title-dest {
        font-size: 18px;
    }
    
    .tour-footer-dest {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .btn-tour-dest {
        width: 100%;
        text-align: center;
    }
    
    .tours-swiper-dest .swiper-button-next,
    .tours-swiper-dest .swiper-button-prev {
        display: none;
    }
}