.hero-overlay { position: relative; }
.navbar .site-brand { padding: 0; line-height: 1; }
.site-brand img { display: block; width: 220px; height: 46px; object-fit: cover; object-position: center; border-radius: 6px; }
@media (max-width: 575px) { .site-brand img { width: 200px; height: 44px; } }
#heroCarousel .hero { position: relative; isolation: isolate; min-height: 580px; display: flex; align-items: center; padding: 90px 0; overflow: hidden; }
#heroCarousel .hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
#heroCarousel .hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12,25,42,.78), rgba(12,25,42,.48)); z-index: -1; }
#heroCarousel .hero .container { width: 84%; max-width: 1100px; }
#heroCarousel .hero h1 { font-size: clamp(2rem, 4vw, 3.6rem); text-shadow: 0 2px 16px rgba(0,0,0,.3); }
#heroCarousel .hero p { max-width: 720px; margin-left: auto; margin-right: auto; opacity: 1; }
#heroCarousel .carousel-control-prev, #heroCarousel .carousel-control-next { width: 7%; }
#heroCarousel .carousel-indicators { margin-bottom: 24px; }
#heroCarousel .carousel-indicators button { width: 32px; height: 4px; border-radius: 4px; }
@media (max-width: 767px) {
    #heroCarousel .hero { min-height: 580px; padding: 65px 0 80px; }
    #heroCarousel .hero-photo { object-position: 62% center; }
    #heroCarousel .hero h1 { font-size: 2rem; }
    #heroCarousel .hero .btn { font-size: .95rem; padding: 12px 18px; }
}
.hero-overlay::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26,41,64,.6); }
.hero-overlay .container { position: relative; z-index: 2; }

.card { transition: transform .3s, box-shadow .3s; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,.1); }

.price-table { border: 2px solid var(--orange); border-radius: 10px; overflow: hidden; }
.price-table .price-header { background: var(--orange); color: #fff; padding: 15px; text-align: center; font-weight: 700; font-size: 1.1rem; }
.price-table .price-body { padding: 20px; text-align: center; }
.price-table .price-amount { font-size: 2rem; font-weight: 800; color: var(--navy); }
.price-table .price-period { color: #6c757d; }

.gallery-thumb { cursor: pointer; transition: .3s; border: 3px solid transparent; }
.gallery-thumb:hover, .gallery-thumb.active { border-color: var(--orange); }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.animate-fadeInUp { animation: fadeInUp .6s ease-out; }

@keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
.animate-fadeInDown { animation: fadeInDown .6s ease-out; }

.whatsapp-float { transition: .3s; }
.whatsapp-float:hover { transform: scale(1.1); }

#backToTop { transition: .3s; }
#backToTop:hover { transform: translateY(-5px); }

.dropdown-menu { border: none; box-shadow: 0 5px 20px rgba(0,0,0,.1); border-radius: 10px; padding: 10px 0; }
.dropdown-item { padding: 8px 20px; font-weight: 500; }
.dropdown-item:hover { background: var(--orange); color: #fff; }

.btn-orange { background: var(--orange); border-color: var(--orange); color: #fff; }
.btn-orange:hover { background: #d35400; border-color: #d35400; color: #fff; }

.form-control:focus, .form-select:focus { border-color: var(--orange); box-shadow: 0 0 0 0.2rem rgba(230,126,34,.25); }

.bg-navy { background: var(--navy) !important; }
.text-orange { color: var(--orange) !important; }

@media (max-width: 991px) {
    .navbar { padding: 10px 0; }
    .hero h1 { font-size: 2rem; }
    .hero { padding: 100px 0 60px; }
    .makina-card .card-img-top { height: 180px; }
}

@media (max-width: 767px) {
    body { padding-top: 66px; }
    .hero h1 { font-size: 1.6rem; }
    .hero p { font-size: .95rem; }
    .section-title { font-size: 1.3rem; }
    .counter { font-size: 2rem; }
    .page-header { padding: 40px 0; }
    .page-header h1 { font-size: 1.5rem; }
    .whatsapp-float { width: 50px; height: 50px; font-size: 24px; line-height: 50px; bottom: 20px; right: 20px; }
    #backToTop { width: 40px; height: 40px; bottom: 80px; right: 20px; }
}

@media (max-width: 575px) {
    .hero h1 { font-size: 1.3rem; }
    .btn-teklif { padding: 8px 18px; font-size: .85rem; }
}

@media print {
    .navbar, .whatsapp-float, #backToTop, footer { display: none !important; }
    body { padding-top: 0 !important; }
    .page-header { padding: 20px 0; margin-bottom: 20px; }
}