/* Destinations Hero */
.destinations-hero {margin-top: 80px;height: 600px;position: relative;background-image: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&h=600&fit=crop');background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;}
.destinations-hero-overlay {position: absolute;inset: 0;background: #00000087;}
.destinations-hero-content {position: relative;z-index: 10;text-align: center;padding: 2rem;width: 100%;max-width: 800px;}
.destinations-hero-title {font-size: clamp(2.5rem, 6vw, 4.5rem);font-weight: 600;color: white;margin-bottom: 1rem;text-shadow: 2px 4px 12px rgba(0, 0, 0, 0.4);}
.destinations-hero-subtitle {font-size: clamp(1.125rem, 2.5vw, 1.5rem);color: white;opacity: 0.95;margin-bottom: 3rem;text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);}
/* Search Container */
.search-container {display: flex;justify-content: center;}
.search-box {position: relative;width: 100%;max-width: 600px;}
.search-icon {position: absolute;left: 1.5rem;top: 50%;transform: translateY(-50%);color: #6B7280;}
.search-input {width: 100%;padding: 1.25rem 1.5rem 1.25rem 3.5rem;border-radius: 9999px;border: none;font-size: 1rem;background: white;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);}
.search-input:focus {outline: none;box-shadow: 0 10px 40px rgba(249, 115, 22, 0.3);}
/* Filter Section */
.filter-section {padding: 3rem 0;background-color: white;border-bottom: 2px solid #FFF7ED;}
.filter-container {display: flex;flex-direction: column;gap: 2rem;}
.filter-group {display: flex;flex-direction: column;gap: 1rem;}
.filter-label {font-size: 1rem;font-weight: 600;color: #111827;}
.filter-buttons {display: flex;flex-wrap: wrap;gap: 0.75rem;}
.filter-btn {padding: 0.75rem 1.5rem;background: #FFF7ED;color: #374151;border: 2px solid transparent;border-radius: 9999px;font-weight: 500;cursor: pointer;transition: all 0.3s;}
.filter-btn:hover {border-color: #F97316;color: #F97316;}
.filter-btn.active {background: linear-gradient(135deg, #F97316 0%, #DC2626 100%);color: white;border-color: transparent;}
/* Destinations Section */
.destinations-section {padding: 2.5rem 0 6rem;background-color: #FFF7ED;}
.destinations-header {display: flex;flex-direction: column;gap: 1rem;margin-bottom:0rem;}
.section-title {font-size: clamp(2rem, 4vw, 3rem);font-weight: 600;color: #111827;}
.results-count {font-size: 1rem;color: #6B7280;}
.results-count span {font-weight: 600;color: #F97316;}
/* Destinations Grid */
.destinations-grid {display: grid;grid-template-columns: 1fr;gap: 2rem;}
.destination-card {background: white;border-radius: 1rem;overflow: hidden;box-shadow: 0 4px 20px rgba(17, 24, 39, 0.08);transition: all 0.3s;}
.destination-card:hover {transform: translateY(-8px);box-shadow: 0 12px 40px rgba(249, 115, 22, 0.2);}
/* Destination Image */
.destination-image2 {position: relative;height:200px;overflow: hidden;}
.destination-image2 img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s;}
.destination-card:hover .destination-image2 img {transform: scale(1.1);}
.destination-badge {position: absolute;top: 1rem;right: 1rem;padding: 0.5rem 1rem;border-radius: 9999px;font-size: 0.875rem;font-weight: 600;color: white;z-index: 10;width: fit-content;}
.difficulty-easy {background: linear-gradient(135deg, #0F766E 0%, #14B8A6 100%);}
.difficulty-moderate {background: linear-gradient(135deg, #F97316 0%, #FACC15 100%);}
.difficulty-challenging {background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);}
.destination-overlay2 {position: absolute;inset: 0;background:#00000087;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s;}
.destination-card:hover .destination-overlay2 {opacity: 1;}
.quick-view-btn {padding:0;background:transparent;color:#fff;border: none;border-radius: 9999px;font-weight: 600;font-size: 2rem;cursor: pointer;transition: all 0.3s;padding: 15px;height:70px;width: 70px;display:flex;justify-content: center;align-items:center;}
.quick-view-btn:hover {transform: scale(1.1);box-shadow: 0 8px 24px rgba(255, 255, 255, 0.3);}
/* Destination Content */
.destination-content2 {padding: 1.5rem;}
.destination-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.75rem;}
h3.destination-title {margin: 0;}
.destination-rating {display: flex;align-items: center;gap: 0.25rem;font-weight: 600;color: #111827;}
.destination-location {display: flex;align-items: center;gap: 0.5rem;color: #6B7280;font-size: 0.875rem;margin-bottom:8px;}
.destination-location span {background: linear-gradient(135deg, #F97316 0%, #DC2626 100%);padding: 3px 10px;border-radius: 7px;color: #fff;}
.destination-location svg {color: #F97316;}
.destination-description {color: #374151;font-size: 0.875rem;line-height: 1.6;margin-bottom: 1.5rem;}
.destination-features {display: flex;gap: 1.5rem;margin-bottom: 3rem;padding: 1rem;background: #FFF7ED;border-radius: 0.5rem;}
.feature-item {display: flex;align-items: center;gap: 0.5rem;color: #374151;font-size: 0.875rem;font-weight: 500;}
.feature-item svg {color: #F97316;}
.destination-footer {display: flex;justify-content: space-between;align-items: center;position:fixed;bottom:18px; width: 87%;}
.destination-price {display: flex;flex-direction: column;line-height:21px;}
.price-label {font-size: 0.75rem;color: #6B7280;}
.price-amount {font-size: 1.6rem;font-weight: 600;color: #F97316;}
.book-btn {padding:6px 15px;background: linear-gradient(135deg, #F97316 0%, #DC2626 100%);color: white;border: none;border-radius:7px;font-weight: 600;cursor: pointer;transition: all 0.3s;}
.book-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(249, 115, 22, 0.4);}
/* No Results */
.no-results {text-align: center;padding: 4rem 2rem;}
.no-results svg {color: #D1D5DB;margin-bottom: 1.5rem;}
.no-results h3 {font-size: 1.5rem;font-weight: 600;color: #111827;margin-bottom: 0.5rem;}
.no-results p {color: #6B7280;}
/* CTA Section */
.cta-section {position: relative;padding: 6rem 0;background-image: url('https://images.unsplash.com/photo-1483728642387-6c3bdd6c93e5?w=1920&h=400&fit=crop');background-size: cover;background-position: center;}
.cta-overlay {position: absolute;inset: 0;background: linear-gradient(135deg, rgba(17, 24, 39, 0.9) 0%, rgba(15, 118, 110, 0.85) 100%);}
.cta-content {position: relative;z-index: 10;text-align: center;color: white;}
.cta-title {font-size: clamp(2rem, 4vw, 3rem);font-weight: 600;margin-bottom: 1rem;text-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3);}
.cta-subtitle {font-size: clamp(1rem, 2vw, 1.25rem);margin-bottom: 2.5rem;opacity: 0.95;}
.btn-cta {display: inline-flex;align-items: center;justify-content: center;padding: 1.25rem 3rem;background: linear-gradient(135deg, #F97316 0%, #DC2626 100%);color: white;border-radius: 9999px;font-weight: 600;font-size: 1.125rem;text-decoration: none;transition: all 0.3s;}
.btn-cta:hover {transform: translateY(-4px);box-shadow: 0 12px 40px rgba(249, 115, 22, 0.4);}
/* Responsive Design */

.filter-toggle-btn {border: 1px solid #dcdcdc;background: #fff;color: #222;padding: 10px 16px;border-radius: 8px;font-weight: 500;}
/*.desktop-filter-panel {margin-top: 14px;}*/
/*.simple-filter-box {border: 1px solid #ececec;border-radius: 12px;background: #fff;padding: 18px;}*/
/*.simple-filter-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}*/
.simple-filter-group input.filter-checkbox {display:none;}
.simple-filter-group h6 {font-size: 14px;font-weight: 700;margin-bottom: 10px;}
.simple-filter-group label {display: flex;align-items: center;gap: 8px;margin-bottom:0;font-size: 14px;color:#fff;cursor: pointer;}
.simple-filter-group button.btn.bg-white { border: 1px solid #dcdcdc;font-weight: 500;padding: 10px 15px;background: linear-gradient(135deg, #F97316 0%, #DC2626 100%);}
.simple-filter-group input[type="checkbox"] {width: 16px;height: 16px;accent-color: #ff7a00;}
.simple-filter-location {margin-top: 12px;}
.filter-sidebar-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.45);opacity: 0;visibility: hidden;transition: 0.25s ease;z-index: 1040;}
.filter-sidebar-overlay.active {opacity: 1;visibility: visible;}
.filter-sidebar {position: fixed;top: 0;right: -360px;width: 340px;max-width: 92%;height: 100vh;background: #fff;z-index:9999999999;transition: 0.25s ease;overflow-y: auto;box-shadow: -8px 0 24px rgba(0,0,0,0.12);}
.filter-sidebar.active {right: 0;}
.filter-sidebar-header {display: flex;align-items: center;justify-content: space-between;padding: 16px 18px;border-bottom: 1px solid #eee;}
.filter-sidebar-body {padding: 18px;}
.filter-close-btn {border: none;background: none;font-size: 28px;line-height: 1;}
.clear-filter-btn {border: 1px solid #ddd;background: #fff;color: #222;padding: 10px 14px;border-radius: 8px;font-weight: 600;}
.simple-filter-group {    margin-bottom: 15px;}
body.filter-sidebar-open {overflow: hidden;}
.destinations-header {position: relative;}
div#desktopFilterPanel {position:relative;top:0;z-index: 9;left: 0;right: 0;}
@media (max-width: 991.98px) {
/*.desktop-filter-panel {display: none !important;}*/
}
@media (min-width: 992px) {
.filter-sidebar,.filter-sidebar-overlay {display: none !important;}
    
}
@media (min-width: 640px) {
.destinations-grid {grid-template-columns: repeat(2, 1fr);}
.destinations-header {flex-direction: row;justify-content: space-between;align-items: center;}
}
@media (max-width:991px) {
 .destinations-hero{height: auto;margin-top: 110px;}   
}
@media (min-width: 768px) {
.filter-container {flex-direction: row;justify-content: space-between;}
.filter-group {flex: 1;}
}
@media (max-width:768px) {
 .destinations-hero{height: auto;margin-top:90px;}   
}
@media (min-width: 1024px) {
.destinations-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1280px) {
.destinations-grid {grid-template-columns: repeat(3, 1fr);}
}
/* Animation */
@keyframes fadeInUp {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}
.destination-card {animation: fadeInUp 0.6s ease forwards;}
@media (max-width: 640px) {
.destinations-header{gap:0;margin-bottom:12px;}
.destinations-header h2{margin-bottom:0;}
.simple-filter-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* justify-content: center; */
    gap: 7px;
}
}