.dark .bg-indigo-100{background-color:rgba(49,46,129,.3)}.rotate-180{transform:rotate(180deg)}@media (max-width:768px){#filter-panel:not(.hidden){display:block;margin-bottom:1.5rem;animation:slideDown .3s ease forwards}}.custom-checkbox{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.dark .custom-checkbox{color:#9ca3af}.checkmark{height:18px;width:18px;border:2px solid #d1d5db;border-radius:3px}.custom-checkbox .checkmark:after{left:5px}.checkbox-text{font-size:.875rem}.restaurant-list{display:flex;flex-direction:column;gap:1rem}.restaurant-item{display:flex;background-color:#fff;border-radius:.5rem;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;min-height:200px;border:1px solid rgba(229,231,235,.5)}.dark .restaurant-item{background-color:#1f2937;border:1px solid #374151}.restaurant-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#304f47}.dark .restaurant-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.25);border-color:#4a7c71}.restaurant-number{position:absolute;top:10px;left:10px;width:28px;height:28px;background-color:#304f47;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,.2)}.dark .restaurant-number{background-color:#4a7c71;color:#fff}.restaurant-image{width:250px;border-radius:.5rem 0 0 .5rem}.restaurant-badge{position:absolute;bottom:10px;right:10px;background-color:rgba(48,79,71,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .3s ease}.restaurant-badge:hover{background-color:#304f47;transform:translateY(-2px)}.dark .restaurant-badge{background-color:rgba(74,124,113,.9)}.dark .restaurant-badge:hover{background-color:#4a7c71}.restaurant-item:hover .restaurant-image img{transform:scale(1.05)}.restaurant-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column;position:relative}.restaurant-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.restaurant-name{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem;transition:color .3s ease}.restaurant-item:hover .restaurant-name{color:#304f47}.dark .restaurant-name{color:#f3f4f6}.dark .restaurant-item:hover .restaurant-name{color:#4a7c71}.restaurant-save{color:#6b7280;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent}.restaurant-save:hover{background-color:rgba(48,79,71,.1);transform:scale(1.1)}.dark .restaurant-save{color:#9ca3af}.restaurant-save:hover{color:#e11d48}.dark .restaurant-save:hover{color:#e11d48;background-color:rgba(74,124,113,.1)}.restaurant-rating{margin-bottom:.5rem}.rating-score{display:flex;align-items:center;justify-content:center;background-color:#304f47;color:#fff;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:.875rem;margin-right:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.restaurant-item:hover .rating-score{transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.15)}.dark .rating-score{background-color:#4a7c71}.rating-stars{display:flex;align-items:center;margin-right:.5rem}.rating-stars i{color:#10b981;font-size:.875rem}.rating-count{color:#6b7280;font-size:.875rem}.dark .rating-count{color:#9ca3af}.restaurant-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.restaurant-tag{display:flex;align-items:center;color:#9ca3af}.restaurant-tag i{margin-right:.25rem;color:#304f47}.dark .restaurant-tag i{color:#4a7c71}.price-level{color:#6b7280;font-size:.875rem}.dark .price-level{color:#9ca3af}.restaurant-menu{display:inline-flex;align-items:center;color:#6b7280;font-size:.875rem;margin-top:.5rem}.dark .restaurant-menu{color:#9ca3af}.restaurant-menu i{margin-right:.25rem;color:#304f47}.dark .restaurant-menu i{color:#4a7c71}.status-badge{display:flex;background-color:#10b981;color:#fff;padding:2px 8px;border-radius:4px;font-weight:500}.status-badge i{margin-right:4px}.status-badge:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.restaurant-location{margin-bottom:.75rem}.distance{margin-left:auto;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:2px 6px;border-radius:4px}.dark .distance{background-color:#374151;color:#d1d5db}.restaurant-quotes{margin-top:.5rem}.restaurant-quote{color:#4b5563;font-size:.875rem;font-style:italic;margin-bottom:.25rem;position:relative;padding-left:1.25rem}.restaurant-quote:before{content:"\201C";position:absolute;left:0;top:0;color:#304f47;font-size:1.25rem;font-weight:700}.dark .restaurant-quote{color:#d1d5db}.dark .restaurant-quote:before{color:#4a7c71}.restaurant-actions{display:flex;gap:.75rem;margin-top:1rem}.action-button{display:inline-flex;align-items:center;padding:.5rem .75rem;background-color:#f3f4f6;color:#4b5563;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .3s ease}.dark .action-button{background-color:#1f2937;color:#d1d5db}.action-button:hover{background-color:#304f47;color:#fff;transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.dark .action-button:hover{background-color:#4a7c71}.status-badge{display:inline-flex;align-items:center;background-color:#ecfdf5;color:#10b981;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-left:.5rem;box-shadow:0 1px 2px rgba(16,185,129,.1);transition:all .3s ease}.restaurant-item:hover .status-badge{transform:translateY(-1px);box-shadow:0 2px 4px rgba(16,185,129,.2)}.dark .status-badge{background-color:rgba(16,185,129,.2)}.status-badge i{margin-right:.25rem}.sorting-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background-color:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid rgba(229,231,235,.5)}.results-count{font-size:.875rem;color:#6b7280}.dark .results-count{color:#9ca3af}.sort-button{display:flex;align-items:center;background-color:#fff;border:1px solid #e5e7eb;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;color:#111827;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sort-button:hover{border-color:#304f47;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dark .sort-button{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.view-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;background-color:#fff;color:#6b7280;border:1px solid #e5e7eb;transition:all .3s ease}.dark .view-button{background-color:#1f2937;border-color:#374151;color:#9ca3af}.view-button:hover{border-color:#304f47;color:#304f47}.dark .view-button:hover{border-color:#4a7c71;color:#4a7c71}.view-button.active{background-color:#304f47;color:#fff;border-color:#304f47}.dark .view-button.active{background-color:#4a7c71;border-color:#4a7c71;color:#fff}.sort-button i{margin-left:.5rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:1rem}.pagination-info{color:#6b7280;font-size:.875rem}.dark .pagination-info{color:#9ca3af}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.375rem;background-color:#fff;color:#4b5563;font-size:.875rem;transition:all .3s ease;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination-button:hover:not(.active):not(.disabled){transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1);border-color:#e5e7eb}.dark .pagination-button{background-color:#1f2937;color:#d1d5db}.pagination-button:hover{background-color:#f3f4f6}.dark .pagination-button:hover{background-color:#374151}.pagination-button.active{background-color:#304f47;color:#fff;border-color:#304f47;box-shadow:0 2px 4px rgba(48,79,71,.2)}.dark .pagination-button.active{background-color:#4a7c71;border-color:#4a7c71}.pagination-button.disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;color:#6b7280}.dark .pagination-ellipsis{color:#9ca3af}.sort-dropdown{position:relative}.sort-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border-radius:.375rem;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:180px;z-index:10;overflow:hidden;border:1px solid #e5e7eb}.dark .sort-dropdown-menu{background-color:#1f2937;border-color:#374151}.sort-dropdown-item{padding:.75rem 1rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s ease}.dark .sort-dropdown-item{color:#d1d5db}.sort-dropdown-item:hover{background-color:#f9fafb;color:#304f47}.dark .sort-dropdown-item:hover{background-color:#374151;color:#4a7c71}.restaurant-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.restaurant-list.grid-view .restaurant-item{flex-direction:column}.restaurant-list.grid-view .restaurant-image{width:100%}.restaurant-list.list-view .restaurant-item{flex-direction:row}@media (max-width:768px){.content-area{flex-direction:column}.filters-sidebar{position:relative;top:0;width:100%;margin-bottom:1.5rem}.restaurant-content-area{width:100%}.sorting-options{align-items:flex-start;gap:1rem}.restaurant-item,.sorting-options{flex-direction:column}.restaurant-image{width:100%; }.restaurant-content{padding:1rem}.pagination{align-items:center;gap:1rem}}@media (max-width:768px){.pagination,.restaurant-item{flex-direction:column}.restaurant-image{width:100%;}.filters-sidebar{position:relative;top:0;margin-bottom:1.5rem}.sorting-options{flex-direction:column;align-items:flex-start;gap:.75rem}.restaurant-header{flex-wrap:wrap}.restaurant-content{padding:1rem}}.category-button{background-color:#f3f4f6;color:#4b5563;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s ease}.dark .category-button{background-color:#374151;color:#d1d5db}.category-button:hover{background-color:#e5e7eb;transform:translateY(-2px)}.dark .category-button:hover{background-color:#4b5563}.category-button.active{background-color:#304f47;color:#fff}.dark .category-button.active{background-color:#4a7c71}.restaurant-card{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.dark .restaurant-card{background-color:#1f2937}.restaurant-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.restaurant-image{position:relative;overflow:hidden}.restaurant-image img{width:100%;object-fit:cover;transition:transform .5s ease}.restaurant-card:hover .restaurant-image img{transform:scale(1.05)}.restaurant-category{position:absolute;top:1rem;right:1rem;background-color:rgba(48,79,71,.9);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.restaurant-content{padding:1.5rem}.restaurant-content h3{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.dark .restaurant-content h3{color:#f3f4f6}.restaurant-location{display:flex;align-items:center;color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.dark .restaurant-location{color:#9ca3af}.restaurant-location i{margin-right:.5rem;color:#304f47}.dark .restaurant-location i{color:#4a7c71}.restaurant-rating{display:flex;align-items:center;margin-bottom:1rem;font-size:.875rem}.restaurant-rating i{color:#f59e0b;margin-right:.25rem}.restaurant-rating span{color:#6b7280;margin-left:.5rem}.dark .restaurant-rating span{color:#9ca3af}.restaurant-content p{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.dark .restaurant-content p{color:#d1d5db}.restaurant-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.restaurant-features span{background-color:#f3f4f6;color:#4b5563;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;display:flex;align-items:center}.dark .restaurant-features span{background-color:#374151;color:#d1d5db}.restaurant-features span i{margin-right:.25rem;color:#304f47}.dark .restaurant-features span i{color:#4a7c71}.restaurant-button{display:inline-block;background-color:#304f47;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;text-align:center}.restaurant-button:hover{background-color:#1a2e2a;transform:translateY(-2px)}.dark .restaurant-button{background-color:#4a7c71}.dark .restaurant-button:hover{background-color:#3a6259}.load-more-button{background-color:transparent;color:#304f47;border:2px solid #304f47;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center}.dark .load-more-button{color:#4a7c71;border-color:#4a7c71}.load-more-button:hover{background-color:#304f47;color:#fff}.dark .load-more-button:hover{background-color:#4a7c71;color:#fff}#mobile-filter-button{display:flex;align-items:center;justify-content:center;gap:8px}#filter-chevron{transition:transform .3s ease}#filter-panel{transition:max-height .3s ease,opacity .3s ease}@media (max-width:768px){#filter-panel:not(.hidden){display:block;margin-bottom:1.5rem;animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.badge-2025{background-color:var(--color-primary);color:#fff;font-weight:600;padding:4px 10px;top:12px;left:12px;font-size:.7rem;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.custom-checkbox input{height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:2px solid #e2e8f0;border-radius:4px;transition:all .2s ease}.dark .checkmark{background-color:#374151;border-color:#4b5563}.custom-checkbox:hover input~.checkmark{border-color:#304f47}.dark .custom-checkbox:hover input~.checkmark{border-color:#4a7c71}.custom-checkbox input:checked~.checkmark{background-color:#304f47;border-color:#304f47}.dark .custom-checkbox input:checked~.checkmark{background-color:#4a7c71;border-color:#4a7c71}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox .checkbox-text{font-size:.875rem;color:#4b5563;transition:color .2s ease}.dark .custom-checkbox .checkbox-text{color:#9ca3af}.custom-checkbox:hover .checkbox-text{color:#304f47}.dark .custom-checkbox:hover .checkbox-text{color:#4a7c71}.filter-group{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e5e7eb}.dark .filter-group{border-bottom-color:#374151}.filter-group:last-child{border-bottom:none;margin-bottom:0}.filter-title{font-size:.9rem;margin-bottom:12px;color:#1f2937}.price-slider{width:100%;margin:10px 0}.price-slider-container{position:relative;height:40px}.price-slider-track{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:4px;background-color:#e2e8f0;border-radius:2px}.dark .price-slider-track{background-color:#4b5563}.price-slider-range{position:absolute;top:50%;transform:translateY(-50%);height:4px;background-color:#304f47;border-radius:2px}.dark .price-slider-range{background-color:#4a7c71}.price-slider-thumb{position:absolute;top:50%;width:18px;height:18px;background-color:#304f47;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:box-shadow .2s ease}.dark .price-slider-thumb{background-color:#4a7c71}.price-slider-thumb:hover{box-shadow:0 3px 6px rgba(0,0,0,.3)}.price-slider-thumb:active{box-shadow:0 4px 8px rgba(0,0,0,.4);transform:translate(-50%,-50%) scale(1.1)}.price-display{display:flex;justify-content:space-between;margin-top:10px;font-size:.875rem;color:#4b5563}.dark .price-display{color:#9ca3af}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");.about-section{padding:3rem 0}.about-image{border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.about-content{padding:1.5rem}.team-member{margin-bottom:2rem;transition:transform .3s ease}.team-member:hover{transform:translateY(-5px)}.team-member-img{transition:transform .3s ease}.team-member:hover .team-member-img{transform:scale(1.05)}.timeline-item{position:relative;padding-left:30px}.timeline-item:before{content:"";left:0;height:100%;width:2px}.timeline-dot,.timeline-item:before{position:absolute;top:0;background-color:#304f47}.timeline-dot{left:-8px;width:18px;height:18px;border-radius:50%}.dark .timeline-dot,.dark .timeline-item:before{background-color:#6b9e8f}body{font-family:Poppins,sans-serif}.bg-primary{background-color:#304f47!important}.bg-primary-dark{background-color:#263e38!important}.bg-primary-light{background-color:#3a6056!important}.text-primary{color:#304f47!important}.dark .bg-gray-800,.dark .bg-white{background-color:#1a202c!important}.dark .text-gray-900,.dark .text-white{color:#f7fafc!important}.dark .text-primary,.dark .text-primary-light{color:#3a6056!important}.dark .bg-gray-700{background-color:#2d3748!important}.dark .text-gray-300{color:#e2e8f0!important}.transition{transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.dark body{background-color:#1f2937;color:#f9fafb}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}.dark .bg-white{background-color:#374151}.dark .text-gray-800{color:#fff}.dark .text-gray-700{color:#e5e7eb}.dark .text-gray-600{color:#d1d5db}.dark .bg-primary{background-color:#304f47}.dark .bg-primary-light{background-color:#3e665c}.dark .hover\:bg-primary-{background-color:#243c36}.dark .group:hover .dark\:group-hover\:text-primary-light{color:#3e665c}.dark .bg-yellow-100{background-color:rgba(161,98,7,.3)}.dark .text-yellow-500{color:#fbbf24}.dark .bg-orange-100{background-color:rgba(154,52,18,.3)}.dark .text-orange-800{color:#fdba74}.dark .bg-red-100{background-color:rgba(127,29,29,.3)}.dark .text-red-800{color:#fca5a5}.dark .bg-blue-100{background-color:rgba(30,58,138,.3)}.dark .text-blue-800{color:#93c5fd}.dark .bg-green-100{background-color:rgba(20,83,45,.3)}.dark .text-green-800{color:#86efac}.dark .bg-purple-100{background-color:rgba(76,29,149,.3)}.dark .text-purple-800{color:#c4b5fd;.dark .bg-indigo-100{background-color:rgba(49,46,129,.3)}}.dark .text-indigo-800{color:#a5b4fc}.dark #theme-toggle{background-color:#3e665c}.dark #theme-toggle:hover{background-color:#304f47}@keyframes rotateIn{0%{transform:rotate(-90deg);opacity:0}to{transform:rotate(0);opacity:1}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.badge-2025{background-color:#ffc107;color:#000;font-weight:700;padding:4px 8px;border-radius:4px;position:absolute;top:10px;left:10px;z-index:10;font-size:12px}.rating-stars{color:#ffc107}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.favorite-btn{position:absolute;top:10px;right:10px;background-color:hsla(0,0%,100%,.8);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:all .2s}.favorite-btn:hover{background-color:#fff}.badge-premium{background-color:#ffc107;color:#000;font-weight:600;padding:4px 10px;border-radius:4px;position:absolute;top:12px;left:12px;z-index:10;font-size:.7rem;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.1);gap:4px}.amenity-icon,.badge-premium{display:flex;align-items:center}.amenity-icon{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.dark .amenity-icon{color:#9ca3af}.amenity-icon i{margin-right:.5rem;color:#304f47}.dark .amenity-icon i{color:#4a7c71}.custom-checkbox{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;user-select:none;position:relative;padding-left:28px}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer}.filters-sidebar{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:1.5rem;position:sticky;top:1rem;transition:all .3s ease}.dark .filters-sidebar{background-color:#1f2937;border:1px solid #374151}.filter-group{margin-bottom:1.5rem}.filter-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:1rem}.dark .filter-title{color:#e5e7eb}.animate-slideIn{animation:slideIn .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-bounce{animation:bounce .8s ease-in-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-rotateIn{animation:rotateIn .4s ease-out forwards}@media (max-width:768px){header nav ul{flex-direction:column;padding:1rem 0}header nav ul li{margin:.5rem 0;width:100%;opacity:0;transform:translateX(-20px);visibility:visible}header nav ul li:first-child{animation-delay:.05s}header nav ul li:nth-child(2){animation-delay:.1s}header nav ul li:nth-child(3){animation-delay:.15s}header nav ul li:nth-child(4){animation-delay:.2s}header nav ul li:nth-child(5){animation-delay:.25s}header nav ul li:nth-child(6){animation-delay:.3s}header nav ul li:nth-child(7){animation-delay:.35s}header nav ul li.animate-menu-item{animation:slideIn .4s ease-out forwards;opacity:1!important;transform:translateX(0)!important;visibility:visible!important}header nav ul li a{display:block;width:100%;text-align:center;padding:.75rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;position:relative;overflow:hidden;color:#fff}header nav ul li a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:all .3s ease}header nav ul li a:hover{transform:translateX(5px);background-color:hsla(0,0%,100%,.1)}header nav ul li a:hover:before{width:100%}#mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:#304f47;z-index:50;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:top center;opacity:0;transform:scaleY(0);max-height:0;overflow:hidden;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:block}#mobile-menu.active{opacity:1;transform:scaleY(1);max-height:100vh;animation:slideIn .4s ease-out forwards;display:block!important}#mobile-menu.active ul li{opacity:1;transform:translateX(0);visibility:visible}#mobile-menu.hidden{display:none}#mobile-menu-button{transition:all .3s ease}#mobile-menu-button:hover{transform:rotate(5deg) scale(1.1)}#mobile-menu-button:active{transform:scale(.95)}}#theme-toggle{display:none}

.contact-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.contact-card:hover .contact-icon {
    transform: translateY(-5px);
}

.form-input:focus {
    border-color: #304f47;
    box-shadow: 0 0 0 3px rgba(48, 79, 71, 0.2);
}
.badge-premium {
    background-color: #ffc107;
    color: #000;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 4px;
}

.gallery-thumb {
    cursor: pointer;
    transition: all 0.2s;
}

.gallery-thumb:hover {
    opacity: 0.8;
}

.gallery-thumb.active {
    border: 2px solid #304f47;
}

.amenity-icon {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #4b5563;
    margin-bottom: 0.5rem;
}

.dark .amenity-icon {
    color: #9ca3af;
}

.amenity-icon i {
    margin-right: 0.5rem;
    color: #304f47;
    width: 20px;
    text-align: center;
}

.dark .amenity-icon i {
    color: #4a7c71;
}
/* Özel Stiller */

.amenity-icon {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}

.amenity-icon i {
    margin-right: 0.5rem;
    color: #304f47;
    width: 16px;
    text-align: center;
}

.badge-premium {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #f59e0b;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.badge-premium i {
    margin-right: 0.25rem;
}

.rating-bar {
    height: 8px;
    border-radius: 4px;
    background-color: #e5e7eb;
}

.rating-bar-fill {
    height: 100%;
    border-radius: 4px;
    background-color: #304f47;
}
/* Galeri Stilleri */

.gallery-thumb {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.gallery-thumb:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.gallery-thumb.active {
    border: 2px solid #304f47;
}



.gallery-thumb.active::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(48, 79, 71, 0.1);
    pointer-events: none;
}


.gallery-thumb {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.gallery-thumb:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.gallery-thumb.active {
    border: 2px solid #304f47;
}

.gallery-thumb.active::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(48, 79, 71, 0.1);
    pointer-events: none;
}




article {
    font-family: "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    color: #333;
    font-size: 16px;
    padding: 15px;
}

/* Başlıklar */
article h2 {
    font-size: 1.8rem;
    margin: 2rem 0 1rem;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.5rem;
}

article h3 {
    font-size: 1.5rem;
    margin: 1.8rem 0 1rem;
    font-weight: 600;
    line-height: 1.4;
}

article h4 {
    font-size: 1.25rem;
    margin: 1.5rem 0 0.75rem;
    font-weight: 500;
}

/* Paragraflar */
article p {
    margin: 1rem 0;
}

/* Vurgu */
article strong {
    font-weight: bold;
    color: #000;
}

article span {
    color: inherit;
}

/* Listeler */
article ul,
article ol {
    margin: 1rem 0 1rem 2rem;
    padding: 0;
}

article ul li,
article ol li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

/* Linkler */
article a {
    color: #0073e6;
    text-decoration: underline;
    transition: color 0.2s ease;
}

article a:hover {
    color: #005bb5;
}

/* Alıntılar */
article blockquote {
    border-left: 4px solid #0073e6;
    margin: 1.5rem 0;
    padding: 0.5rem 1rem;
    font-style: italic;
    background: #f9f9f9;
    color: #555;
}

/* Görseller */
article img {
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
    border-radius: 6px;
}

/* Kod blokları */
article pre,
article code {
    font-family: "Fira Code", monospace;
    background: #f4f4f4;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

article pre {
    padding: 1rem;
    overflow-x: auto;
}