/* =========================================================
   ÖZ ZAFER ASANSÖR KİRALAMA
   Ana tasarım + responsive düzen + blog detay sayfaları + An-ko Banner
========================================================= */

/* =========================
   GENEL AYARLAR
========================= */

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

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

:root {
    --oz-red: #d71920;
    --oz-red-dark: #b51218;
    --oz-black: #111d2b;
    --oz-text: #202b38;
    --oz-muted: #667085;
    --oz-light: #f4f6f8;
    --oz-radius: 14px;
    --oz-shadow: 0 16px 42px rgba(17, 29, 43, 0.10);
    --oz-transition: 0.28s cubic-bezier(0.2, 0.7, 0.2, 1);
}

body {
    font-family: "Roboto", sans-serif;
    color: var(--oz-text);
    background: #fff;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
    line-height: 1.2;
}

p {
    line-height: 1.7;
}

.container {
    width: min(92%, 1300px);
    max-width: 1300px;
    margin: auto;
}

.section {
    padding: 90px 0;
}

/* =========================
   KIRMIZI ÜST ŞERİT (TOP BAR)
========================= */

.top-bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 62%;
    background-color: var(--oz-red);
    color: #ffffff;
    font-size: 13px;
    padding: 7px 0;
    z-index: 1002;
}

.top-bar-container {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
}

.top-bar-contact {
    display: flex;
    gap: 22px;
}

.top-bar-contact a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: opacity var(--oz-transition);
}

.top-bar-contact a:hover {
    opacity: 0.85;
}

/* =========================
   HEADER VE NAVİGASYON HİZALAMASI (GENEL / ANA SAYFA)
========================= */

.header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000 !important;
    background: linear-gradient(180deg, rgba(11, 20, 32, 0.85) 0%, rgba(11, 20, 32, 0.20) 100%) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.header-container {
    min-height: 90px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5% !important;
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    position: relative;
}

.logo {
    width: 160px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    z-index: 1003;
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 1.5vw, 25px);
}

@media (min-width: 901px) {
    .navbar {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 28px;
        z-index: 1001;
    }
}

.navbar a {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding: 8px 0;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.navbar a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: var(--oz-red) !important;
    transition: width 0.3s ease;
}

.navbar a:hover,
.navbar a.active {
    color: #ffffff !important;
}

.navbar a:hover::after,
.navbar a.active::after {
    width: 100%;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

@media (min-width: 901px) {
    .social-icons {
        padding-top: 28px;
    }
}

@media (max-width: 900px) {
    .top-bar {
        width: 100%;
    }

    .navbar,
    .social-icons {
        padding-top: 0;
    }
}

.header-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transition: all 0.3s ease;
}

.header-icon:hover {
    background: var(--oz-red);
    color: #ffffff;
    transform: translateY(-2px);
}

.header-cta-btn {
    background-color: var(--oz-red);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background var(--oz-transition), transform var(--oz-transition);
}

.header-cta-btn:hover {
    background-color: var(--oz-red-dark);
    transform: translateY(-2px);
}

.menu-btn {
    display: none;
    border: none;
    background: none;
    font-size: 25px;
    cursor: pointer;
    color: #ffffff;
}

/* =========================================================
   AN-KO TARZI İÇ SAYFA HEADER & HERO / BANNER UYARLAMASI
========================================================= */
.rental-page .rental-hero {
    position: relative;
    isolation: isolate;
    display: block;
    width: 100%;
    min-height: 360px;
    height: auto !important;
    margin-top: 0;
    padding: 25px 0 55px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(ellipse at 88% 18%, rgba(215, 25, 32, .17) 0%, transparent 42%),
        linear-gradient(118deg, #151515 0%, #202020 58%, #101010 100%);
    border-bottom: 3px solid #d71920;
}

.rental-page .rental-hero::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 4%;
    width: min(32vw, 360px);
    height: 100%;
    opacity: .12;
    pointer-events: none;
    background: repeating-linear-gradient(135deg, transparent 0, transparent 37px, rgba(255,255,255,.18) 38px, rgba(255,255,255,.18) 39px);
    mask-image: linear-gradient(to left, #000, transparent);
}

.rental-page .rental-banner-wrapper {
    position: relative;
    z-index: 1;
}

/* Yüzen Oval Siyah Navigasyon Kutusu */
.rental-page .header {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
    z-index: 100;
}



.rental-page .logo img {
    max-height: 42px;
    width: auto;
}

@media (min-width: 901px) {
    .rental-page .navbar {
        position: static !important;
        transform: none !important;
        padding-top: 0 !important;
    }
    .rental-page .social-icons {
        padding-top: 0 !important;
    }
}

.rental-page .navbar a {
    font-size: 14px;
    color: #d1d1d1 !important;
    font-weight: 500;
}

.rental-page .navbar a:hover,
.rental-page .navbar a.active {
    color: #ffffff !important;
}

.rental-page .navbar a::after {
    background: var(--oz-red) !important;
}

.rental-page .home-icon-link {
    font-size: 15px;
    padding: 0 4px;
}

/* Banner İçerik Kapsayıcısı */
.rental-banner-wrapper {
    margin-top: 50px;
    color: #ffffff;
}

/* Breadcrumb */
.subpage-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 40px;
}

.subpage-breadcrumb a {
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.2s ease;
}

.subpage-breadcrumb a:hover {
    color: #ffffff;
}

.subpage-breadcrumb i {
    font-size: 10px;
}

.subpage-breadcrumb span {
    color: #ffffff;
    font-weight: 600;
}

/* Yan Yana Başlık ve Açıklama Grid Yapısı */
.subpage-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: flex-end;
}

.subpage-title-box .sub-tag {
    color: var(--oz-red);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.subpage-title-box .tag-line {
    width: 20px;
    height: 2px;
    background-color: var(--oz-red);
    display: inline-block;
}

.subpage-title-box h1 {
    font-size: clamp(32px, 3.5vw, 44px) !important;
    font-weight: 800 !important;
    letter-spacing: 1px;
    color: #ffffff !important;
    margin: 0 !important;
}

.subpage-desc-box p {
    font-size: 15px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* =========================
   ANA SAYFA - HERO / SLIDER
========================= */

.hero {
    position: relative;
    width: 100%;
    height: 100vh !important;
    min-height: 650px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #0b1420;
    isolation: isolate;
}

.slider {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
}

.slide.active {
    opacity: 1;
    visibility: visible;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slide.active img {
    transform: scale(1);
}

.slide-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(9, 17, 29, 0.88) 0%, rgba(9, 17, 29, 0.60) 45%, rgba(9, 17, 29, 0.15) 100%) !important;
}

.corner-accent {
    position: absolute;
    z-index: 15;
    pointer-events: none;
}

.corner-accent.top-left {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 50px solid var(--oz-red);
    border-right: 50px solid transparent;
}

.corner-accent.top-right {
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 50px solid var(--oz-red);
    border-left: 50px solid transparent;
}

.vertical-dots.slider-dots {
    position: absolute;
    left: 25px;
    top: 55%;
    bottom: auto;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 20;
}

.vertical-dots .dot {
    width: 10px;
    height: 10px;
    border: 2px solid #ffffff;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    transition: all var(--oz-transition);
    opacity: 0.7;
}

.vertical-dots .dot.active {
    background-color: var(--oz-red);
    border-color: var(--oz-red);
    height: 24px;
    opacity: 1;
    width: 10px;
}

.header-container,
.hero-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
}

.hero-container {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
}

.hero-content {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-width: 550px;
    pointer-events: auto;
    font-family: 'Poppins', 'Roboto', sans-serif;
}

.sub-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.tag-line {
    width: 22px;
    height: 2px;
    background-color: var(--oz-red);
    display: inline-block;
}

.hero-content h1 {
    color: #ffffff !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    margin: 8px 0 16px !important;
    letter-spacing: -0.5px;
}

.hero-content h1 strong {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.hero-content p {
    max-width: 450px;
    font-size: 15px;
    font-weight: 300 !important;
    line-height: 1.6;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.85);
}

.hero-content .btn {
    font-size: 13px;
    font-weight: 500;
    padding: 11px 26px;
    border-radius: 5px;
}

.hero + * {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .hero-content {
        left: 5% !important;
        max-width: 88%;
        top: 56% !important;
    }

    .hero-content h1 {
        font-size: clamp(28px, 6.5vw, 42px) !important;
    }
    .hero-content p {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

/* =========================
   İSTATİSTİKLER
========================= */

.stats-section {
    background: #111;
    padding: 30px 0;
}

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

.stat-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    color: #fff;
    border-right: 1px solid #333;
}

.stat-card:last-child {
    border-right: none;
}

.stat-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--oz-red);
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
}

.stat-card strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.stat-card span {
    display: block;
    color: #aaa;
    font-size: 12px;
}

/* =========================
   HAKKIMIZDA / INTRO
========================= */

.intro-section {
    background: #fff;
}

.intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.intro-image {
    position: relative;
    min-height: 500px;
    border: 2px solid var(--oz-red);
    outline: 2px solid #111;
    padding: 3px;
    border-radius: var(--oz-radius);
}

.intro-image video {
    width: 100%;
    height: 100%;
    min-height: 490px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--oz-shadow);
}

.image-badge {
    position: absolute;
    right: -25px;
    bottom: 30px;
    background: #111;
    color: #fff;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.image-badge i {
    color: var(--oz-red);
    font-size: 28px;
}

.image-badge strong {
    display: block;
    font-size: 14px;
}

.image-badge span {
    display: block;
    color: #aaa;
    font-size: 11px;
}

.small-title {
    color: var(--oz-red);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}

.intro-content h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    margin: 15px 0 25px;
}

.intro-content h2 strong {
    color: var(--oz-red);
    display: block;
}

.intro-content p {
    color: #666;
    margin-bottom: 15px;
}

.intro-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 25px 0;
}

.intro-features div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
}

.intro-features i {
    color: var(--oz-red);
}

/* =========================
   BÖLÜM BAŞLIKLARI
========================= */

.section-title {
    margin-bottom: 45px;
}

.section-title span {
    color: var(--oz-red);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}

.section-title h2 {
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
}

.section-title h2 strong {
    color: var(--oz-red);
}

.section-title.center {
    text-align: center;
}

.section-title.center p {
    max-width: 650px;
    margin: 20px auto 0;
    color: #777;
}

.section-title p {
    font-size: 15px;
    color: #666;
}

.title-line {
    width: 55px;
    height: 3px;
    background: var(--oz-red);
    margin-top: 18px;
}

.center .title-line {
    margin-left: auto;
    margin-right: auto;
}

/* =========================
   YENİ HİZMETLER / ÇÖZÜMLER KART TASARIMI
========================= */
.services-modern-section {
    padding: 90px 0;
    background-color: #f8f9fa;
    font-family: 'Poppins', 'Roboto', sans-serif;
}

.services-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5%;
}

.services-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 55px auto;
}

.services-header .sec-subtitle {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--oz-red);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.services-header h2 {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 300;
    color: #0b1420;
    line-height: 1.2;
    margin-bottom: 15px;
}

.services-header h2 strong {
    font-weight: 600;
}

.services-header p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
}

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

.service-card-item {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.service-card-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(215, 25, 32, 0.1);
}

.card-image-box {
    position: relative;
    height: 210px;
    overflow: hidden;
}

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

.service-card-item:hover .card-image-box img {
    transform: scale(1.05);
}

.card-icon-badge {
    position: absolute;
    bottom: -18px;
    left: 25px;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid var(--oz-red);
}

.card-icon-badge i {
    font-size: 20px;
    color: var(--oz-red);
}

.card-content {
    padding: 30px 25px 25px 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #0b1420;
    margin-bottom: 10px;
}

.card-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 1200px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   ÇALIŞMA SÜRECİ
========================= */

.process-section {
    background: #fff;
}

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

.process-card {
    text-align: center;
    position: relative;
    padding: 20px;
    border-radius: var(--oz-radius);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--oz-shadow);
}

.process-card::after {
    content: "";
    position: absolute;
    top: 48px;
    right: -30px;
    width: 60px;
    height: 1px;
    background: #ddd;
}

.process-card:last-child::after {
    display: none;
}

.process-icon {
    width: 80px;
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    border-radius: 50%;
    font-size: 25px;
    transition: 0.3s ease;
}

.process-card:hover .process-icon {
    background: var(--oz-red);
    transform: translateY(-5px);
}

.process-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0;
}

.process-card p {
    color: #777;
    font-size: 13px;
}

/* =========================
   1. ÇÖZÜM ALANLARIMIZ STİLLERİ
========================= */
.solutions-section {
    padding: 90px 0;
    background-color: #ffffff;
    font-family: 'Poppins', 'Roboto', sans-serif;
}

.solutions-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5%;
}

.solutions-header {
    margin-bottom: 50px;
}

.solutions-header .sec-subtitle {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--oz-red);
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.solutions-header h2 {
    font-size: clamp(26px, 3.2vw, 38px);
    font-weight: 300;
    color: #0b1420;
    line-height: 1.25;
}

.solutions-header h2 strong {
    font-weight: 600;
}

.title-red-line {
    width: 45px;
    height: 3px;
    background-color: var(--oz-red);
    margin-top: 15px;
    border-radius: 2px;
}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.solution-card {
    position: relative;
    height: 420px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.solution-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.solution-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.solution-card:hover img {
    transform: scale(1.06);
}

.card-gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: linear-gradient(180deg, rgba(11, 20, 32, 0) 0%, rgba(11, 20, 32, 0.92) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px 25px;
    color: #ffffff;
}

.card-gradient-overlay h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #ffffff;
}

.card-gradient-overlay p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin: 0;
}

/* =========================
   2. AKILLI ÇÖZÜMLER (İKİ SÜTUNLU KOYU ALAN)
========================= */
.smart-solutions-section {
    padding: 100px 0;
    background-color: #0b1420;
    color: #ffffff;
    font-family: 'Poppins', 'Roboto', sans-serif;
}

.smart-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5%;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 60px;
    align-items: center;
}

.sec-subtitle-red {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--oz-red);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.smart-left h2 {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 18px;
}

.smart-left h2 strong {
    font-weight: 600;
}

.smart-left > p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin-bottom: 35px;
}

.smart-features {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.feature-row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.feature-icon {
    width: 50px;
    height: 50px;
    background: rgba(215, 25, 32, 0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--oz-red);
    font-size: 20px;
}

.feature-row h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #ffffff;
}

.feature-row p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    margin: 0;
}

.smart-right {
    position: relative;
}

.smart-image-box {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    height: 450px;
}

.smart-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smart-floating-box {
    position: absolute;
    bottom: 25px;
    left: 25px;
    background: #ffffff;
    padding: 18px 22px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    color: #0b1420;
}

.floating-icon {
    width: 45px;
    height: 45px;
    background: var(--oz-red);
    color: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.smart-floating-box h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 3px 0;
}

.smart-floating-box p {
    font-size: 12px;
    color: #666;
    margin: 0;
}

@media (max-width: 992px) {
    .solutions-grid {
        grid-template-columns: 1fr;
    }
    .smart-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* =========================
   KALİTE BÖLÜMÜ
========================= */

.quality-section {
    background: #fff;
}

.quality-grid {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr;
    gap: 80px;
    align-items: center;
}

.quality-content h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    margin: 12px 0 20px;
}

.quality-content h2 strong {
    color: var(--oz-red);
}

.quality-content p {
    color: #666;
    margin-bottom: 15px;
    max-width: 700px;
}

.quality-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 25px;
}

.quality-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
}

.quality-list i {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--oz-red);
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    flex-shrink: 0;
}

.quality-box {
    background: #111;
    color: #fff;
    padding: 50px 35px;
    text-align: center;
    position: relative;
    border-radius: var(--oz-radius);
}

.quality-box::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid #333;
    pointer-events: none;
    border-radius: 10px;
}

.quality-box-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--oz-red);
    font-size: 30px;
}

.quality-box h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 12px;
}

.quality-box p {
    color: #aaa;
    font-size: 13px;
    margin-bottom: 25px;
}

.quality-box a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.quality-box a i {
    color: var(--oz-red);
    margin-left: 5px;
}

/* =========================
   ÇAĞRI / CTA
========================= */

.cta-section {
    background: var(--oz-red);
    color: #fff;
    padding: 65px 0;
    position: relative;
    overflow: hidden;
}

.cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.cta-content>div {
    max-width: 700px;
}

.cta-content span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.cta-content h2 {
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.2;
    font-weight: 600;
    margin: 8px 0 12px;
}

.cta-content p {
    color: #f5dada;
    font-size: 14px;
}

.cta-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #111;
    color: #fff;
    padding: 18px 25px;
    min-width: 200px;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    border-radius: 8px;
    transition: 0.3s ease;
}

.cta-btn:hover {
    background: #fff;
    color: #111;
    transform: translateY(-3px);
}

/* =========================
   FOOTER
========================= */

.site-footer {
    background-color: #0b1420;
    color: #ffffff;
    padding-top: 60px;
    font-family: 'Poppins', 'Roboto', sans-serif;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5% 50px 5%;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1.2fr;
    gap: 40px;
}

.footer-col h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.footer-logo img {
    max-width: 150px;
    height: auto;
    margin-bottom: 15px;
}

.footer-phone {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-phone i, .footer-email i, .footer-address i {
    color: var(--oz-red);
}

.footer-socials {
    display: flex;
    gap: 10px;
}

.footer-socials a {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #ffffff;
    transition: all 0.3s ease;
}

.footer-socials a:hover {
    background: var(--oz-red);
    color: #ffffff;
}

.links-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.links-col ul li {
    margin-bottom: 10px;
}

.links-col ul li a {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.links-col ul li a:hover {
    color: var(--oz-red);
    padding-left: 4px;
}

.contact-col p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 12px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.newsletter-col p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 15px;
    line-height: 1.5;
}

.newsletter-form input {
    width: 100%;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 10px;
    outline: none;
    transition: border-color 0.3s ease;
}

.newsletter-form input:focus {
    border-color: var(--oz-red);
}

.newsletter-form button {
    width: 100%;
    padding: 11px;
    background: #f1f1f1;
    color: #0b1420;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.newsletter-form button:hover {
    background: var(--oz-red);
    color: #ffffff;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 20px 0;
    background-color: #070e16;
}

.footer-bottom-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
}

.footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 25px;
}

.footer-legal-links {
    display: flex;
    gap: 20px;
}

.footer-legal-links a {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-legal-links a:hover {
    color: #ffffff;
}

.nar-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.nar-logo-link img {
    height: 18px;
    width: auto;
    display: block;
}

.nar-logo-link:hover {
    opacity: 1;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .footer-bottom-container {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .footer-bottom-right {
        flex-direction: column;
        gap: 12px;
    }
}

/* =========================
   SABİT WHATSAPP BUTONU
========================= */

.whatsapp-button {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    z-index: 999;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.whatsapp-button:hover {
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* =========================
   KAYDIRMA ANİMASYONU
========================= */

.js-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.js-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

:focus-visible {
    outline: 3px solid rgba(215, 25, 32, 0.55);
    outline-offset: 3px;
}

/* =========================================================
   TABLET VE RESPONSIVE DÜZEN
========================================================= */

@media (max-width: 1100px) {
    .header-container {
        padding-left: 4% !important;
        padding-right: 4% !important;
        gap: 14px;
    }

    .navbar {
        gap: 12px;
    }

    .navbar a {
        font-size: 13px;
    }

    .why-grid,
    .process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .process-card::after {
        display: none;
    }

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

@media (max-width: 900px) {
    .top-bar-container {
        justify-content: center;
    }

    .header {
        top: 31px;
    }

    .header.is-scrolled {
        top: 0;
    }

    .menu-btn {
        display: block;
    }

    .navbar {
        display: none;
    }

    .navbar.active {
        display: flex;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(11, 20, 32, 0.98);
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 7%;
        gap: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }

    .navbar.active a {
        font-size: 15px;
    }

    .header-cta-btn {
        padding: 6px 10px;
        font-size: 12px;
    }

    .vertical-dots.slider-dots {
        left: 12px;
    }

    .hero-content {
        left: 10% !important;
        width: 82%;
    }

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

    .stat-card {
        border-right: none;
    }

    .intro-grid,
    .quality-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

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

    .area-large {
        grid-column: 1 / -1;
    }

    .cta-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .subpage-hero-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .rental-page .header-container {
        border-radius: 12px;
        padding: 10px 20px !important;
    }
}

@media (max-width: 600px) {
    .section {
        padding: 55px 0;
    }

    .top-bar-contact {
        font-size: 11px;
        gap: 12px;
    }

    .header-cta-btn span {
        display: none;
    }

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

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

    .stat-card {
        border-bottom: 1px solid #333;
    }

    .why-grid,
    .process-grid,
    .areas-grid {
        grid-template-columns: 1fr;
    }

    .area-large {
        grid-column: auto;
    }

    .footer-top-banner .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-banner-right {
        width: 100%;
        flex-direction: column;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-bottom-bar .bottom-flex {
        flex-direction: column !important;
        text-align: center;
        justify-content: center !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .js-reveal {
        opacity: 1;
        transform: none;
    }
}

/* =========================================================
   ÖZ ZAFER - İÇ SAYFALAR KURUMSAL ÜST ALANLARI
   Ana sayfa ve Asansör Kiralama sayfası bu düzenlemeden etkilenmez.
   Hakkımızda / Hizmetler / Foto Galeri / Blog / İletişim
========================================================= */
.about-page .about-hero,
.services-page .services-hero,
.gallery-page .gallery-hero,
.contact-page .contact-hero,
.blog-page .blog-hero {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 330px !important;
    height: auto !important;
    margin-top: 0 !important;
    padding: 48px 0 34px !important;
    overflow: hidden !important;
    color: #fff !important;
    background:
        radial-gradient(ellipse at 88% 18%, rgba(215,25,32,.17) 0%, transparent 42%),
        linear-gradient(118deg, #151515 0%, #202020 58%, #101010 100%) !important;
    border-bottom: 3px solid #d71920 !important;
}

.about-page .about-hero-bg,
.about-page .about-hero-overlay,
.services-page .services-hero-bg,
.services-page .services-hero-overlay,
.gallery-page .gallery-hero-bg,
.gallery-page .gallery-hero-overlay,
.contact-page .contact-hero-bg,
.contact-page .contact-hero-overlay,
.blog-page .blog-hero-bg,
.blog-page .blog-hero-overlay {
    display: none !important;
}

.about-page .about-hero::after,
.services-page .services-hero::after,
.gallery-page .gallery-hero::after,
.contact-page .contact-hero::after,
.blog-page .blog-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 4%;
    width: min(32vw, 360px);
    height: 100%;
    opacity: .12;
    pointer-events: none;
    background: repeating-linear-gradient(135deg, transparent 0, transparent 37px, rgba(255,255,255,.18) 38px, rgba(255,255,255,.18) 39px);
    mask-image: linear-gradient(to left, #000, transparent);
}

.about-page .about-hero-content,
.services-page .services-hero-content,
.gallery-page .gallery-hero-content,
.contact-page .contact-hero-content,
.blog-page .blog-hero-content {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
    color: #fff !important;
}

.about-page .about-hero-content > span,
.services-page .services-hero-content > span,
.gallery-page .gallery-hero-content > span,
.contact-page .contact-hero-content > span,
.blog-page .blog-hero-content > span {
    display: inline-block !important;
    margin: 0 0 14px !important;
    color: #f04449 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    line-height: 1.5 !important;
}

.about-page .about-hero-content h1,
.services-page .services-hero-content h1,
.gallery-page .gallery-hero-content h1,
.contact-page .contact-hero-content h1,
.blog-page .blog-hero-content h1 {
    max-width: 780px !important;
    margin: 0 0 15px !important;
    color: #fff !important;
    font-size: clamp(34px, 4.3vw, 49px) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: -.8px !important;
    overflow-wrap: break-word !important;
}

.about-page .about-hero-content p,
.services-page .services-hero-content p,
.gallery-page .gallery-hero-content p,
.contact-page .contact-hero-content p,
.blog-page .blog-hero-content p {
    max-width: 690px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
}

/* İç sayfa başlıklarından sonra içerikle tutarlı bir nefes alanı */
.about-page main,
.services-page main,
.gallery-page main,
.contact-page main,
.blog-page main {
    position: relative;
}

@media (min-width: 1200px) {
    .about-page .about-hero-content,
    .services-page .services-hero-content,
    .gallery-page .gallery-hero-content,
    .contact-page .contact-hero-content,
    .blog-page .blog-hero-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 900px) {
    .about-page .about-hero,
    .services-page .services-hero,
    .gallery-page .gallery-hero,
    .contact-page .contact-hero,
    .blog-page .blog-hero {
        min-height: 285px !important;
        padding: 42px 0 30px !important;
    }
    .about-page .about-hero-content,
    .services-page .services-hero-content,
    .gallery-page .gallery-hero-content,
    .contact-page .contact-hero-content,
    .blog-page .blog-hero-content {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    .about-page .about-hero-content h1,
    .services-page .services-hero-content h1,
    .gallery-page .gallery-hero-content h1,
    .contact-page .contact-hero-content h1,
    .blog-page .blog-hero-content h1 {
        font-size: clamp(32px, 5.5vw, 42px) !important;
    }
}

@media (max-width: 600px) {
    .about-page .about-hero,
    .services-page .services-hero,
    .gallery-page .gallery-hero,
    .contact-page .contact-hero,
    .blog-page .blog-hero {
        min-height: 245px !important;
        padding: 34px 0 27px !important;
    }
    .about-page .about-hero-content,
    .services-page .services-hero-content,
    .gallery-page .gallery-hero-content,
    .contact-page .contact-hero-content,
    .blog-page .blog-hero-content {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .about-page .about-hero-content > span,
    .services-page .services-hero-content > span,
    .gallery-page .gallery-hero-content > span,
    .contact-page .contact-hero-content > span,
    .blog-page .blog-hero-content > span {
        margin-bottom: 11px !important;
        font-size: 10px !important;
        letter-spacing: 1.6px !important;
    }
    .about-page .about-hero-content h1,
    .services-page .services-hero-content h1,
    .gallery-page .gallery-hero-content h1,
    .contact-page .contact-hero-content h1,
    .blog-page .blog-hero-content h1 {
        margin-bottom: 12px !important;
        font-size: clamp(29px, 8vw, 36px) !important;
        line-height: 1.23 !important;
        letter-spacing: -.45px !important;
    }
    .about-page .about-hero-content p,
    .services-page .services-hero-content p,
    .gallery-page .gallery-hero-content p,
    .contact-page .contact-hero-content p,
    .blog-page .blog-hero-content p {
        font-size: 13px !important;
        line-height: 1.75 !important;
    }
    .about-page .about-hero::after,
    .services-page .services-hero::after,
    .gallery-page .gallery-hero::after,
    .contact-page .contact-hero::after,
    .blog-page .blog-hero::after {
        right: -100px;
        width: 230px;
        opacity: .07;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-page .about-hero *,
    .services-page .services-hero *,
    .gallery-page .gallery-hero *,
    .contact-page .contact-hero *,
    .blog-page .blog-hero * {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }
}


/* =========================================================
   ORTAK ALT BİLGİ (FOOTER) + SEKME GÖVDE DÜZENİ
   Ana sayfa footer'ı bütün sayfalarda aynı görünür.
========================================================= */
.site-footer {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 52px !important;
    background: #0b1420 !important;
    color: #fff !important;
    overflow: hidden;
}
.site-footer * { box-sizing: border-box; }
.site-footer .footer-container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 5% 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr) !important;
    gap: 36px !important;
    align-items: start !important;
}
.site-footer .footer-col { min-width: 0; }
.site-footer .footer-col h4 { color: #fff !important; margin: 0 0 18px !important; font-size: 16px !important; }
.site-footer .footer-logo img { width: auto !important; max-width: 150px !important; height: auto !important; margin: 0 0 15px !important; }
.site-footer .footer-phone { display: flex !important; align-items: center; gap: 8px; margin: 0 0 18px !important; color: rgba(255,255,255,.86) !important; }
.site-footer .footer-socials { display: flex !important; flex-wrap: wrap; gap: 10px !important; }
.site-footer .footer-socials a { width: 36px !important; height: 36px !important; display: flex !important; align-items: center; justify-content: center; border-radius: 4px !important; background: rgba(255,255,255,.08) !important; color: #fff !important; }
.site-footer .footer-socials a:hover { background: var(--oz-red) !important; }
.site-footer .links-col ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.site-footer .links-col ul li { margin: 0 0 9px !important; }
.site-footer .links-col ul li a { color: rgba(255,255,255,.76) !important; font-size: 14px !important; }
.site-footer .links-col ul li a:hover { color: var(--oz-red) !important; }
.site-footer .contact-col p { display: flex !important; align-items: flex-start; gap: 8px; color: rgba(255,255,255,.76) !important; font-size: 14px !important; margin: 0 0 12px !important; line-height: 1.6 !important; overflow-wrap: anywhere; }
.site-footer .footer-phone i, .site-footer .footer-email i, .site-footer .footer-address i { color: var(--oz-red) !important; flex: 0 0 auto; margin-top: 4px; }
.site-footer .footer-bottom { background: #070e16 !important; border-top: 1px solid rgba(255,255,255,.08) !important; padding: 18px 0 !important; }
.site-footer .footer-bottom-container { width: 100% !important; max-width: 1400px !important; margin: 0 auto !important; padding: 0 5% !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; color: rgba(255,255,255,.6) !important; font-size: 12px !important; }
.site-footer .footer-bottom-container p { margin: 0 !important; color: inherit !important; font-size: inherit !important; }
.site-footer .footer-legal-links { display: flex !important; align-items: center; gap: 16px; }
.site-footer .nar-logo-link img { width: auto !important; max-width: 120px; height: 18px !important; object-fit: contain; }

/* =========================================================
   BODY / SAYFA GÖVDELERİ — HER SEKME İÇİN TEMEL DÜZEN
   Sayfa içeriklerinin kendi bileşen CSS'lerini ezmez.
========================================================= */
html {
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    color: var(--oz-text, #222);
    background: #fff;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

/* Her sayfanın gövdesi tam genişlikte ve footer'ı aşağıda tutacak yükseklikte. */
body.rental-page,
body.about-page,
body.services-page,
body.gallery-page,
body.contact-page,
body.blog-page,
body.blog-detail-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

body.rental-page { background-color: #fff; }
body.about-page,
body.services-page,
body.gallery-page,
body.contact-page,
body.blog-page,
body.blog-detail-page { background-color: #f7f8fa; }

body.rental-page main,
body.about-page main,
body.services-page main,
body.gallery-page main,
body.contact-page main,
body.blog-page main,
body.blog-detail-page main {
    display: block;
    width: 100%;
    flex: 1 0 auto;
}

body.rental-page > footer,
body.about-page > footer,
body.services-page > footer,
body.gallery-page > footer,
body.contact-page > footer,
body.blog-page > footer,
body.blog-detail-page > footer,
body.rental-page .site-footer,
body.about-page .site-footer,
body.services-page .site-footer,
body.gallery-page .site-footer,
body.contact-page .site-footer,
body.blog-page .site-footer,
body.blog-detail-page .site-footer {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    body { overflow-x: hidden; }
}

/* =========================================================
   ASANSÖR KİRALAMA SAYFASI - GÖVDE DÜZENİ DÜZELTMESİ
   Yalnızca .rental-page içinde çalışır; ana sayfayı etkilemez.
========================================================= */
body.rental-page .rental-main {
    width: 100%;
    flex: 1 0 auto;
    background: #fff;
    padding: 0 0 76px;
}
body.rental-page .rental-main > .container {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin: 0 auto;
}
body.rental-page .rental-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(32px, 5vw, 68px);
    padding: 74px 0 78px;
}
body.rental-page .rental-video {
    width: 100%;
    min-width: 0;
    height: 430px;
    overflow: hidden;
    border-radius: 16px;
    background: #f0f2f4;
    box-shadow: 0 16px 40px rgba(17,29,43,.13);
}
body.rental-page .rental-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
body.rental-page .rental-intro-content { min-width: 0; }
body.rental-page .rental-intro-content .small-title {
    display: inline-block;
    margin: 0 0 12px;
    color: var(--oz-red, #d71920);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.4;
}
body.rental-page .rental-intro-content h2 {
    margin: 0 0 18px;
    color: #172536;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 700;
    line-height: 1.2;
}
body.rental-page .rental-intro-content h2 strong,
body.rental-page .rental-section-title h2 strong,
body.rental-page .rental-info h2 strong { color: var(--oz-red, #d71920); }
body.rental-page .rental-intro-content p,
body.rental-page .rental-service-card p,
body.rental-page .rental-info p {
    margin: 0 0 13px;
    color: #5c6673;
    font-size: 15px;
    line-height: 1.8;
}
body.rental-page .rental-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 18px;
    margin: 24px 0 28px;
}
body.rental-page .rental-check-list > div,
body.rental-page .rental-info-list > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #344254;
    font-size: 14px;
    line-height: 1.5;
}
body.rental-page .rental-check-list i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: var(--oz-red, #d71920);
}
body.rental-page .rental-intro-content > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 26px;
    border: 0;
    border-radius: 6px;
    background: var(--oz-red, #d71920);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
body.rental-page .rental-intro-content > .btn:hover { background: #b51218; transform: translateY(-2px); }
body.rental-page .rental-services { padding: 68px 0 76px; border-top: 1px solid #edf0f3; }
body.rental-page .rental-section-title { max-width: 680px; margin: 0 auto 38px; text-align: center; }
body.rental-page .rental-section-title > span {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--oz-red, #d71920);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}
body.rental-page .rental-section-title h2,
body.rental-page .rental-info h2 {
    margin: 0 0 14px;
    color: #172536;
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 700;
    line-height: 1.25;
}
body.rental-page .rental-section-title .line { width: 54px; height: 3px; margin: 18px auto 0; background: var(--oz-red, #d71920); border-radius: 3px; }
body.rental-page .rental-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.rental-page .rental-service-card {
    min-width: 0;
    padding: 30px 28px 32px;
    border: 1px solid #e8ebef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(17,29,43,.055);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.rental-page .rental-service-card:hover { transform: translateY(-5px); border-color: rgba(215,25,32,.35); box-shadow: 0 16px 32px rgba(17,29,43,.10); }
body.rental-page .rental-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 21px;
    border-radius: 10px;
    background: rgba(215,25,32,.09);
    color: var(--oz-red, #d71920);
    font-size: 22px;
}
body.rental-page .rental-service-card h3 { margin: 0 0 11px; color: #172536; font-size: 19px; font-weight: 700; line-height: 1.35; }
body.rental-page .rental-service-card p { margin: 0; font-size: 14px; }
body.rental-page .rental-info {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: center;
    gap: 32px 55px;
    padding: 42px;
    border-radius: 14px;
    background: #f5f7f9;
}
body.rental-page .rental-info h2 { margin-bottom: 13px; }
body.rental-page .rental-info p { margin: 0; }
body.rental-page .rental-info-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.rental-page .rental-info-list i { flex: 0 0 auto; margin-top: 3px; color: var(--oz-red, #d71920); }
body.rental-page .rental-info-contact-button {
    grid-column: 1 / -1;
    display: inline-flex;
    justify-self: start;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    border-radius: 6px;
    background: #172536;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease;
}
body.rental-page .rental-info-contact-button:hover { background: var(--oz-red, #d71920); }
@media (max-width: 900px) {
    body.rental-page .rental-intro { grid-template-columns: 1fr 1fr; gap: 28px; padding: 55px 0 60px; }
    body.rental-page .rental-image { height: 360px; }
    body.rental-page .rental-cards { gap: 16px; }
    body.rental-page .rental-service-card { padding: 24px 20px; }
    body.rental-page .rental-info { padding: 30px; gap: 25px; }
}
@media (max-width: 680px) {
    body.rental-page .rental-main > .container { width: min(100% - 32px, 520px); }
    body.rental-page .rental-intro { grid-template-columns: 1fr; gap: 28px; padding: 38px 0 48px; }
    body.rental-page .rental-image { height: clamp(230px, 65vw, 340px); border-radius: 12px; }
    body.rental-page .rental-intro-content h2 { font-size: 29px; }
    body.rental-page .rental-check-list { grid-template-columns: 1fr; gap: 11px; }
    body.rental-page .rental-services { padding: 48px 0 52px; }
    body.rental-page .rental-section-title { margin-bottom: 26px; }
    body.rental-page .rental-cards { grid-template-columns: 1fr; gap: 16px; }
    body.rental-page .rental-service-card { padding: 24px; }
    body.rental-page .rental-info { grid-template-columns: 1fr; padding: 25px 20px; gap: 22px; }
    body.rental-page .rental-info-list { grid-template-columns: 1fr; gap: 12px; }
    body.rental-page .rental-info-contact-button { grid-column: auto; }
}


/* =========================================================
   ÖZ ZAFER - HAKKIMIZDA / HİZMETLER / FOTO GALERİ BODY DÜZENİ
   Yalnızca bu üç iç sayfayı etkiler; ana sayfa ve diğer sayfalar korunur.
========================================================= */
.about-page main,
.services-page main,
.gallery-page main {
  width: 100%;
  overflow: clip;
}
.about-page main > section:not(.about-hero),
.services-page main > section:not(.services-hero),
.gallery-page main > section:not(.gallery-hero) {
  padding-top: clamp(48px, 6vw, 82px);
  padding-bottom: clamp(48px, 6vw, 82px);
}
.about-page .about-main .container,
.services-page .services-main .container,
.gallery-page .gallery-main .container,
.about-page .about-values .container,
.services-page .services-benefits .container,
.services-page .services-process .container,
.about-page .about-stats .container {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
  margin-inline: auto;
}
.about-page .about-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 64px);
}
.about-page .about-image img,
.services-page .benefits-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 480px;
  object-fit: cover;
  border-radius: 16px;
}
.about-page .about-content,
.services-page .benefits-content { min-width: 0; }
.about-page .about-content h2,
.services-page .services-heading h2,
.gallery-page .gallery-heading h2,
.about-page .about-section-heading h2,
.services-page .benefits-content h2,
.services-page .process-heading h2 {
  margin: 0 0 18px;
  line-height: 1.2;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 500;
  color: #171717;
}
.about-page .about-content p,
.services-page .services-main p,
.services-page .benefits-content p,
.gallery-page .gallery-info p {
  line-height: 1.8;
  color: #555;
}
.about-page .about-values-grid,
.services-page .services-grid-new,
.services-page .process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.about-page .about-value-card,
.services-page .service-card-new,
.services-page .process-kard {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #ececec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(0,0,0,.055);
}
.about-page .about-value-card { padding: 28px 24px; }
.services-page .service-card-image { overflow: hidden; }
.services-page .service-card-image img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.services-page .service-card-content { padding: 24px; }
.services-page .service-card-content h3,
.about-page .about-value-card h3,
.services-page .process-kard h3 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 500;
}
.services-page .services-benefits .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 60px);
}
.services-page .services-heading,
.gallery-page .gallery-heading,
.about-page .about-section-heading,
.services-page .process-heading { max-width: 760px; margin: 0 auto; text-align: center; }
.gallery-page .gallery-grid-new {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 32px;
}
.gallery-page .gallery-item-new {
  position: relative;
  min-width: 0;
  min-height: 230px;
  overflow: hidden;
  border-radius: 14px;
  background: #eee;
}
.gallery-page .gallery-item-new > img,
.gallery-page .gallery-item-new img {
  display: block;
  width: 100%;
  height: 270px;
  object-fit: cover;
}
.gallery-page .gallery-info { margin-top: 34px; }
.about-page .about-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.about-page .about-check-list { padding-left: 0; list-style: none; }
.about-page .about-check-list li { margin: 10px 0; line-height: 1.65; }
.about-page .about-button,
.services-page .service-card-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; }
@media (max-width: 900px) {
  .about-page .about-intro,
  .services-page .services-benefits .container { grid-template-columns: 1fr; }
  .about-page .about-values-grid,
  .services-page .services-grid-new,
  .services-page .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery-page .gallery-grid-new { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-page .about-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .about-page .about-main .container,
  .services-page .services-main .container,
  .gallery-page .gallery-main .container,
  .about-page .about-values .container,
  .services-page .services-benefits .container,
  .services-page .services-process .container,
  .about-page .about-stats .container { width: calc(100% - 36px); }
  .about-page .about-values-grid,
  .services-page .services-grid-new,
  .services-page .process-grid,
  .gallery-page .gallery-grid-new { grid-template-columns: 1fr; }
  .gallery-page .gallery-item-new img { height: 245px; }
  .about-page .about-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* =========================================================
   ÖZ ZAFER — SAYFA TASARIMI GERİ KAZANIMI
   Yalnızca Hakkımızda, Hizmetlerimiz ve Foto Galeri sayfalarını etkiler.
   Mevcut header, footer ve ana sayfa stillerine dokunmaz.
   ========================================================= */
.about-page, .services-page, .gallery-page {
  --page-red: #d71920;
  --page-red-dark: #b51218;
  --page-ink: #111d2b;
  --page-muted: #667085;
  --page-line: #e6e9ee;
  --page-soft: #f5f6f8;
}
.about-page .about-main,
.services-page .services-main,
.gallery-page .gallery-main { display:block; width:100%; overflow:hidden; }
.about-page .about-intro,
.services-page .services-benefits,
.gallery-page .gallery-info { padding: clamp(52px, 7vw, 92px) 0; background:#fff; }
.about-page .about-intro > .container,
.services-page .services-benefits > .container,
.gallery-page .gallery-info > .container { width:min(1160px, 90%); margin-inline:auto; }
.about-page .about-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(30px,5vw,72px); }
.about-page .about-intro > .container { width:100%; }
.about-page .about-intro .about-image { position:relative; overflow:hidden; border-radius:22px; box-shadow:0 18px 45px rgba(17,29,43,.14); }
.about-page .about-image img { display:block; width:100%; height:100%; min-height:320px; max-height:470px; object-fit:cover; border-radius:22px; }
.about-page .about-content { color:var(--page-ink); }
.about-page .about-content h2,
.services-page .benefits-content h2,
.gallery-page .gallery-info h2 { margin:0 0 18px; color:var(--page-ink); font-size:clamp(27px,3vw,40px); line-height:1.2; font-weight:750; }
.about-page .about-content p,
.services-page .benefits-content p,
.gallery-page .gallery-info p { color:#5c6675; font-size:16px; line-height:1.8; margin:0 0 16px; }
.about-page .section-label { display:inline-flex; color:var(--page-red); font-weight:800; text-transform:uppercase; letter-spacing:1.6px; font-size:12px; margin-bottom:12px; }
.about-page .about-check-list,
.services-page .benefit-list { list-style:none; padding:0; margin:22px 0 0; display:grid; gap:13px; }
.about-page .about-check-list li,
.services-page .benefit-list li { display:flex; align-items:flex-start; gap:11px; color:#273444; line-height:1.6; }
.about-page .about-check-list i,
.services-page .benefit-list i { color:var(--page-red); margin-top:4px; }
.about-page .about-values { padding:clamp(52px,7vw,88px) 0; background:linear-gradient(180deg,#f7f8fa 0%,#fff 100%); }
.about-page .about-section-heading,
.services-page .services-heading,
.gallery-page .gallery-heading { width:min(1160px,90%); margin:0 auto 34px; text-align:center; }
.about-page .about-section-heading h2,
.services-page .services-heading h2,
.gallery-page .gallery-heading h2 { color:var(--page-ink); font-size:clamp(28px,3vw,40px); line-height:1.2; margin:0 0 12px; font-weight:800; }
.about-page .about-section-heading p,
.services-page .services-heading p,
.gallery-page .gallery-heading p { max-width:720px; margin:0 auto; color:var(--page-muted); line-height:1.75; }
.about-page .about-values-grid { width:min(1160px,90%); margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.about-page .about-value-card { position:relative; padding:30px 27px; min-height:210px; background:#fff; border:1px solid #e7e9ed; border-top:4px solid var(--page-red); border-radius:16px; box-shadow:0 10px 28px rgba(17,29,43,.07); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.about-page .about-value-card:hover { transform:translateY(-6px); border-color:rgba(215,25,32,.35); box-shadow:0 18px 36px rgba(17,29,43,.12); }
.about-page .about-value-icon { display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:19px; color:#fff; background:linear-gradient(135deg,var(--page-red),var(--page-red-dark)); border-radius:14px; font-size:22px; box-shadow:0 8px 18px rgba(215,25,32,.22); }
.about-page .about-value-card h3 { color:var(--page-ink); margin:0 0 10px; font-size:19px; font-weight:750; }
.about-page .about-value-card p { margin:0; color:var(--page-muted); line-height:1.7; font-size:15px; }
.about-page .about-stats { padding:40px 0; background:var(--page-ink); }
.about-page .about-stats-grid { width:min(1160px,90%); margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.about-page .about-stat { text-align:center; color:#fff; padding:18px; }
.about-page .about-stat strong { display:block; color:#fff; font-size:clamp(30px,4vw,44px); line-height:1.1; font-weight:850; }
.about-page .about-stat span { display:block; margin-top:8px; color:#d8dee7; font-size:14px; }
.about-page .about-cta,
.services-page .services-cta,
.gallery-page .gallery-cta { padding:clamp(44px,6vw,70px) 0; background:linear-gradient(120deg,#111d2b,#202d3c); color:#fff; }
.about-page .about-cta-content,
.services-page .services-cta-content,
.gallery-page .gallery-cta-content { width:min(1160px,90%); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.about-page .about-cta h2,
.services-page .services-cta h2,
.gallery-page .gallery-cta h2 { color:#fff; margin:0 0 10px; font-size:clamp(25px,3vw,36px); }
.about-page .about-cta p,
.services-page .services-cta p,
.gallery-page .gallery-cta p { color:#dce2e9; margin:0; line-height:1.7; }
.about-page .about-cta-button,
.services-page .services-cta-button,
.gallery-page .gallery-cta-button,
.about-page .about-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 23px; border:0; border-radius:9px; color:#fff; background:var(--page-red); text-decoration:none; font-weight:750; white-space:nowrap; transition:background .2s,transform .2s; }
.about-page .about-cta-button:hover,
.services-page .services-cta-button:hover,
.gallery-page .gallery-cta-button:hover,
.about-page .about-button:hover { background:var(--page-red-dark); transform:translateY(-2px); }

/* Hizmetlerimiz: renkli, gölgeli hizmet kartları */
.services-page .services-grid-new { width:min(1160px,90%); margin:0 auto; padding:clamp(42px,6vw,76px) 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.services-page .service-card-new { min-width:0; overflow:hidden; background:#fff; border:1px solid #e5e8ed; border-radius:18px; box-shadow:0 12px 32px rgba(17,29,43,.09); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.services-page .service-card-new:hover { transform:translateY(-7px); border-color:rgba(215,25,32,.42); box-shadow:0 20px 42px rgba(17,29,43,.15); }
.services-page .service-card-image { position:relative; height:220px; overflow:hidden; background:#e9edf2; }
.services-page .service-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.services-page .service-card-new:hover .service-card-image img { transform:scale(1.05); }
.services-page .service-card-icon { position:absolute; left:22px; bottom:-22px; z-index:2; display:flex; align-items:center; justify-content:center; width:52px; height:52px; color:#fff; background:var(--page-red); border:4px solid #fff; border-radius:14px; font-size:21px; box-shadow:0 7px 17px rgba(215,25,32,.24); }
.services-page .service-card-content { padding:34px 24px 25px; }
.services-page .service-card-content h3 { margin:0 0 12px; color:var(--page-ink); font-size:20px; line-height:1.35; font-weight:800; }
.services-page .service-card-content p { margin:0 0 18px; color:#647083; line-height:1.7; font-size:15px; }
.services-page .service-card-link { display:inline-flex; align-items:center; gap:9px; color:var(--page-red); font-weight:800; text-decoration:none; }
.services-page .service-card-link:hover { color:var(--page-red-dark); gap:13px; }
.services-page .services-process { padding:clamp(52px,7vw,86px) 0; background:#f5f6f8; }
.services-page .process-heading { width:min(1160px,90%); margin:0 auto 32px; text-align:center; }
.services-page .process-heading h2 { margin:0 0 12px; color:var(--page-ink); font-size:clamp(28px,3vw,40px); }
.services-page .process-grid { width:min(1160px,90%); margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.services-page .process-kard { position:relative; padding:30px 24px; background:#fff; border:1px solid #e6e9ed; border-radius:16px; box-shadow:0 9px 25px rgba(17,29,43,.06); text-align:center; transition:transform .25s,box-shadow .25s; }
.services-page .process-kard:hover { transform:translateY(-5px); box-shadow:0 16px 34px rgba(17,29,43,.11); }
.services-page .process-icon { width:58px; height:58px; margin:0 auto 18px; display:flex; align-items:center; justify-content:center; background:#fff0f0; color:var(--page-red); border-radius:16px; font-size:24px; }
.services-page .process-kard h3 { margin:0 0 10px; color:var(--page-ink); font-size:19px; }
.services-page .process-kard p { margin:0; color:var(--page-muted); line-height:1.7; }
.services-page .services-benefits { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(28px,5vw,64px); }
.services-page .benefits-image { overflow:hidden; border-radius:20px; box-shadow:0 16px 38px rgba(17,29,43,.13); }
.services-page .benefits-image img { display:block; width:100%; max-height:440px; object-fit:cover; }
.services-page .benefits-content { color:var(--page-ink); }

/* Foto Galeri: düzenli görsel kartları ve görünür etkileşimler */
.gallery-page .gallery-main { background:#f6f7f9; }
.gallery-page .gallery-grid-new { width:min(1200px,92%); margin:0 auto; padding:clamp(36px,5vw,64px) 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.gallery-page .gallery-item-new { position:relative; min-width:0; aspect-ratio:4/3; overflow:hidden; background:#e6e9ed; border-radius:16px; box-shadow:0 10px 28px rgba(17,29,43,.12); cursor:pointer; isolation:isolate; }
.gallery-page .gallery-item-new img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease,filter .35s ease; }
.gallery-page .gallery-item-new:hover img { transform:scale(1.06); filter:brightness(.72); }
.gallery-page .gallery-overlay { position:absolute; inset:0; display:flex; align-items:flex-end; padding:22px; opacity:0; background:linear-gradient(180deg,transparent 20%,rgba(9,15,23,.8) 100%); transition:opacity .25s ease; }
.gallery-page .gallery-item-new:hover .gallery-overlay,
.gallery-page .gallery-item-new:focus-within .gallery-overlay { opacity:1; }
.gallery-page .gallery-overlay-content { color:#fff; }
.gallery-page .gallery-overlay-content h3 { margin:0 0 5px; color:#fff; font-size:19px; }
.gallery-page .gallery-overlay-content p { margin:0; color:#e5e9ef; font-size:14px; }
.gallery-page .gallery-zoom { position:absolute; top:15px; right:15px; z-index:2; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; background:var(--page-red); box-shadow:0 6px 16px rgba(0,0,0,.2); }
.gallery-page .gallery-info { background:#fff; }
.gallery-page .gallery-info-content { max-width:820px; margin:auto; text-align:center; }
.gallery-page .gallery-info-button { display:inline-flex; align-items:center; justify-content:center; margin-top:12px; padding:13px 22px; border-radius:9px; background:var(--page-red); color:#fff; text-decoration:none; font-weight:750; }
.gallery-page .gallery-lightbox { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:5vh 5vw; background:rgba(5,9,14,.94); }
.gallery-page .gallery-lightbox.active { display:flex; }
.gallery-page .lightbox-image { display:block; max-width:min(1100px,85vw); max-height:82vh; object-fit:contain; border-radius:8px; box-shadow:0 20px 70px rgba(0,0,0,.4); }
.gallery-page .lightbox-close,
.gallery-page .lightbox-prev,
.gallery-page .lightbox-next { position:absolute; z-index:2; display:flex; align-items:center; justify-content:center; width:46px; height:46px; color:#fff; background:var(--page-red); border:0; border-radius:50%; cursor:pointer; font-size:20px; }
.gallery-page .lightbox-close { top:22px; right:24px; }
.gallery-page .lightbox-prev { left:24px; top:50%; transform:translateY(-50%); }
.gallery-page .lightbox-next { right:24px; top:50%; transform:translateY(-50%); }
.gallery-page .lightbox-counter { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; font-weight:700; }

@media(max-width:900px) {
 .about-page .about-values-grid,.services-page .services-grid-new,.services-page .process-grid,.gallery-page .gallery-grid-new { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .about-page .about-intro,.services-page .services-benefits { grid-template-columns:1fr; }
 .about-page .about-intro { padding:52px 5%; }
 .about-page .about-intro > .container { width:100%; }
}
@media(max-width:600px) {
 .about-page .about-values-grid,.about-page .about-stats-grid,.services-page .services-grid-new,.services-page .process-grid,.gallery-page .gallery-grid-new { grid-template-columns:1fr; }
 .about-page .about-cta-content,.services-page .services-cta-content,.gallery-page .gallery-cta-content { align-items:flex-start; flex-direction:column; }
 .about-page .about-image img { min-height:240px; }
 .services-page .service-card-image { height:210px; }
 .gallery-page .gallery-grid-new { width:90%; gap:16px; }
 .gallery-page .gallery-item-new { aspect-ratio:5/4; }
 .gallery-page .gallery-overlay { opacity:1; padding:16px; }
 .gallery-page .lightbox-prev { left:10px; }
 .gallery-page .lightbox-next { right:10px; }
}


/* =========================================================
   SON HİZALAMA DÜZELTMESİ — LOGO KONUMU KORUNUR
   İç sayfa başlıkları ve içerik container'ları header içindeki
   logo ile aynı sol çizgiden başlar. Ana sayfa tasarımına dokunmaz.
========================================================= */
@media (min-width: 901px) {
    body.about-page .header-container,
    body.services-page .header-container,
    body.gallery-page .header-container,
    body.blog-page .header-container,
    body.contact-page .header-container {
        width: 100% !important;
        max-width: 1600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        box-sizing: border-box !important;
    }
}

body.about-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
body.services-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
body.gallery-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
body.blog-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
body.contact-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
body.about-page .about-hero-content,
body.services-page .services-hero-content,
body.gallery-page .gallery-hero-content,
body.blog-page .blog-hero-content,
body.contact-page .contact-hero-content,
body.about-page .about-section-heading,
body.services-page .services-heading,
body.services-page .process-heading,
body.gallery-page .gallery-heading,
body.about-page .about-values-grid,
body.about-page .about-stats-grid,
body.services-page .services-grid-new,
body.services-page .process-grid,
body.gallery-page .gallery-grid-new,
body.about-page .about-cta-content,
body.services-page .services-cta-content,
body.gallery-page .gallery-cta-content {
    width: 100% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
}

/* About intro and service benefits are grid sections, not ordinary containers. */
body.about-page .about-intro,
body.services-page .services-benefits {
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    body.about-page .about-hero-content,
    body.services-page .services-hero-content,
    body.gallery-page .gallery-hero-content,
    body.blog-page .blog-hero-content,
    body.contact-page .contact-hero-content {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

@media (max-width: 900px) {
    body.about-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.services-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.gallery-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.blog-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.contact-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.about-page .about-hero-content,
    body.services-page .services-hero-content,
    body.gallery-page .gallery-hero-content,
    body.blog-page .blog-hero-content,
    body.contact-page .contact-hero-content,
    body.about-page .about-section-heading,
    body.services-page .services-heading,
    body.services-page .process-heading,
    body.gallery-page .gallery-heading,
    body.about-page .about-values-grid,
    body.about-page .about-stats-grid,
    body.services-page .services-grid-new,
    body.services-page .process-grid,
    body.gallery-page .gallery-grid-new,
    body.about-page .about-cta-content,
    body.services-page .services-cta-content,
    body.gallery-page .gallery-cta-content {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

@media (max-width: 600px) {
    body.about-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.services-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.gallery-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.blog-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.contact-page .container:not(.header-container):not(.footer-container):not(.footer-bottom-container),
    body.about-page .about-hero-content,
    body.services-page .services-hero-content,
    body.gallery-page .gallery-hero-content,
    body.blog-page .blog-hero-content,
    body.contact-page .contact-hero-content {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}
/* =========================================================
   KURUMSAL HİZALAMA VE ASANSÖR KİRALAMA SAYFASI DÜZELTMELERİ
   Tüm sayfalarda container ve logo standartları eşitlenir.
========================================================= */

/* 1. Logo Boyutunu Tüm Sayfalarda Eşitleme */
.rental-page .logo img,
body .logo img,
.header .logo img {
    max-height: 55px !important;
    width: auto !important;
    object-fit: contain;
}

/* 2. Tüm Sayfalarda Container Genişliklerini ve Hizalamasını Sabitleme */
.container,
.hero-container,
.header-container,
.footer-container,
.footer-bottom-container,
.services-container,
.solutions-container,
.smart-container,
body.rental-page .rental-main > .container,
.about-page .about-main .container,
.services-page .services-main .container,
.gallery-page .gallery-main .container,
.about-page .about-values .container,
.services-page .services-benefits .container,
.services-page .services-process .container,
.about-page .about-stats .container,
.about-page .about-intro > .container,
.services-page .services-benefits > .container,
.gallery-page .gallery-info > .container,
.about-page .about-section-heading,
.services-page .services-heading,
.gallery-page .gallery-heading,
.about-page .about-values-grid,
.about-page .about-stats-grid,
.services-page .services-grid-new,
.services-page .process-grid,
.gallery-page .gallery-grid-new,
.about-page .about-cta-content,
.services-page .services-cta-content,
.gallery-page .gallery-cta-content {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
}

/* 3. Asansör Kiralama Sayfası İçerik Grid ve Boşluk Düzeltmesi */
body.rental-page .rental-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
    gap: 50px;
    padding: 70px 0;
}

body.rental-page .rental-image,
body.rental-page .rental-video {
    width: 100%;
    height: 440px;
    overflow: hidden;
    border-radius: 16px;
    background: #f0f2f4;
    box-shadow: 0 16px 40px rgba(17, 29, 43, 0.12);
}

body.rental-page .rental-image img,
body.rental-page .rental-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Mobil ve Tablet Uyumu */
@media (max-width: 992px) {
    body.rental-page .rental-intro {
        grid-template-columns: 1fr !important;
        gap: 35px;
        padding: 45px 0;
    }
    body.rental-page .rental-image,
    body.rental-page .rental-video {
        height: 350px;
    }
    body.rental-page .rental-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body.rental-page .rental-info {
        grid-template-columns: 1fr !important;
        padding: 30px !important;
    }
}

@media (max-width: 600px) {
    body.rental-page .rental-cards,
    body.rental-page .rental-check-list,
    body.rental-page .rental-info-list {
        grid-template-columns: 1fr !important;
    }
    body.rental-page .rental-image,
    body.rental-page .rental-video {
        height: 260px;
    }
}
/* =========================================================
   BLOG DETAY VE LİSTELEME SAYFALARI (ANKO TARZI) STİLLERİ
========================================================= */

body.blog-page main,
body.blog-detail-page main {
    background: #f7f8fa;
    padding-bottom: 80px;
}

/* Blog Hero Banner */
.anko-hero,
body.blog-detail-page .anko-hero {
    position: relative;
    isolation: isolate;
    width: 100%;
    padding: 60px 0 40px;
    background: radial-gradient(ellipse at 88% 18%, rgba(215, 25, 32, .17) 0%, transparent 42%), linear-gradient(118deg, #151515 0%, #202020 58%, #101010 100%);
    border-bottom: 3px solid #d71920;
    color: #fff;
    margin-bottom: 40px;
}

.anko-hero-badge {
    display: inline-block;
    color: var(--oz-red, #d71920);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.anko-hero-title {
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 750;
    color: #fff;
    line-height: 1.25;
    margin: 0;
}

/* Görsel Alanı */
.anko-image-wrapper {
    width: 100%;
    max-height: 480px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(17, 29, 43, 0.12);
    margin-bottom: 50px;
    background: #eaeef2;
}

.anko-main-image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 480px;
    object-fit: cover;
}

/* İçerik ve Yan Panel Grid Yapısı */
.anko-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 45px;
    align-items: start;
}

.anko-article-body {
    background: #fff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(17, 29, 43, 0.05);
    border: 1px solid #edf0f3;
}

.anko-article-body h2 {
    font-size: 24px;
    color: #172536;
    margin: 30px 0 15px;
    font-weight: 700;
}

.anko-article-body p {
    color: #5c6673;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.anko-article-body ul {
    margin: 20px 0;
    padding-left: 20px;
    color: #5c6673;
}

.anko-article-body li {
    margin-bottom: 10px;
    line-height: 1.6;
}

/* Sağ Bilgi Kartı (Sidebar) */
.anko-info-card {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(17, 29, 43, 0.05);
    border: 1px solid #edf0f3;
    position: sticky;
    top: 110px;
}

.anko-card-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    color: var(--oz-red, #d71920);
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    background: rgba(215, 25, 32, 0.08);
    padding: 4px 10px;
    border-radius: 4px;
}

.anko-card-title {
    font-size: 18px;
    color: #172536;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 10px;
}

.anko-card-date {
    display: block;
    font-size: 13px;
    color: #8c96a5;
    margin-bottom: 22px;
}

.anko-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: #172536;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.anko-btn-back:hover {
    background: var(--oz-red, #d71920);
}

/* Diğer Haberler / Kartlar Bölümü */
.anko-other-news-section {
    padding: 60px 0 20px;
    border-top: 1px solid #e5e8ed;
    margin-top: 60px;
}

.anko-section-badge {
    display: block;
    color: var(--oz-red, #d71920);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.anko-section-title {
    font-size: 28px;
    color: #172536;
    font-weight: 750;
    margin-bottom: 30px;
}

.anko-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.anko-news-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e8ebef;
    box-shadow: 0 8px 24px rgba(17, 29, 43, 0.05);
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
}

.anko-news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 32px rgba(17, 29, 43, 0.1);
}

.anko-news-card-body {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.anko-news-card-date {
    font-size: 12px;
    color: #8c96a5;
    margin-bottom: 8px;
}

.anko-news-card-title {
    font-size: 17px;
    color: #172536;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px;
}

.anko-news-card-link {
    margin-top: auto;
    font-size: 13px;
    font-weight: 700;
    color: var(--oz-red, #d71920);
}

/* Responsive Uyumluluk */
@media (max-width: 992px) {
    .anko-content-grid {
        grid-template-columns: 1fr;
    }
    .anko-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .anko-article-body {
        padding: 22px;
    }
    .anko-cards-grid {
        grid-template-columns: 1fr;
    }
}