/*
Theme Name: Anadolu Olimpik
Theme URI: https://anadoluhamam.com
Author: Anadolu Olimpik
Description: Anadolu Olimpik Hamamı özel WordPress teması.
Version: 1.0
Text Domain: anadolu-olimpik
*/

:root {
    --background: #151719;
    --foreground: #f5f3ed;

    --card: #1c1f21;
    --card-foreground: #f5f3ed;

    --muted: #232629;
    --muted-foreground: #a7a7a7;

    --primary: #d4af37;
    --primary-foreground: #111111;

    --accent: #d4af37;
    --accent-foreground: #111111;

    --border: #34383b;
    --radius: 0.5rem;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: var(--background);
    color: var(--foreground);
    font-family: Arial, sans-serif;
}

.site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-main {
    flex: 1;
    width: 100%;
    background: var(--background);
}

.container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 24px;
}


/* =========================
   HEADER
========================= */

.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    background: rgba(21, 23, 25, 0.96);
    border-bottom: 1px solid rgba(212, 175, 55, 0.18);
    backdrop-filter: blur(10px);
}

.header-container {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.site-logo {
    flex-shrink: 0;
}

.custom-logo-link {
    display: flex;
    align-items: center;
}

.custom-logo {
    display: block;
    width: auto;
    max-height: 58px;
}

.logo-text {
    color: #f5f3ed;
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 2px;
}

.main-navigation {
    margin-left: auto;
}

.primary-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.primary-menu > li {
    position: relative;
}

.primary-menu a {
    display: block;
    color: #f5f3ed;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    padding: 32px 0;
    transition: color 0.25s ease;
}

.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current-menu-parent > a {
    color: var(--primary);
}


/* Alt Menü */

.primary-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 290px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background: #1c1f21;
    border: 1px solid rgba(212, 175, 55, 0.18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}

.primary-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.primary-menu .sub-menu a {
    padding: 13px 20px;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #ddd9ce;
}

.primary-menu .sub-menu a:hover {
    background: rgba(212, 175, 55, 0.07);
    color: var(--primary);
}


/* Mobil Menü */

.mobile-menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    background: transparent;
    cursor: pointer;
}

.mobile-menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 5px 0;
    background: #f5f3ed;
}


/* =========================
   HOMEPAGE HERO
========================= */

.home-hero {
    position: relative;
    min-height: calc(100vh - 86px);
    display: flex;
    align-items: center;

    background-position: center 45%;
    background-repeat: no-repeat;
    background-size: cover;

    overflow: hidden;
}

.home-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(10, 11, 12, 0.94) 0%,
            rgba(10, 11, 12, 0.76) 40%,
            rgba(10, 11, 12, 0.28) 72%,
            rgba(10, 11, 12, 0.18) 100%
        );
}

.home-hero-content {
    position: relative;
    z-index: 2;
    padding-top: 100px;
    padding-bottom: 130px;
}

.hero-eyebrow {
    display: block;
    margin-bottom: 22px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
}

.home-hero h1 {
    max-width: 850px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(48px, 6vw, 92px);
    line-height: 0.98;
    letter-spacing: -3px;
    font-weight: 800;
}

.home-hero h1 span {
    display: block;
    color: var(--primary);
}

.home-hero-content > p {
    max-width: 600px;
    margin: 30px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 18px;
    line-height: 1.7;
}

.hero-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 38px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    transition: 0.25s ease;
}

.btn-gold {
    background: var(--primary);
    color: #111;
    border: 1px solid var(--primary);
}

.btn-gold:hover {
    background: #e5c34c;
    border-color: #e5c34c;
    transform: translateY(-2px);
}

.btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.45);
    background: rgba(255,255,255,.03);
}

.btn-outline:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.hero-bottom {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: min(1360px, calc(100% - 48px));
    display: flex;
    align-items: center;
    gap: 20px;
    color: rgba(255,255,255,.58);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.hero-line {
    height: 1px;
    flex: 1;
    background: rgba(255,255,255,.18);
}


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

.home-intro {
    padding: 120px 0;
    background: #151719;
}

.intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 50px;
}

.intro-number {
    color: rgba(212,175,55,.25);
    font-size: 80px;
    font-weight: 800;
    line-height: 1;
}

.section-label {
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
}

.intro-content h2 {
    max-width: 900px;
    margin: 18px 0 25px;
    font-size: clamp(38px, 5vw, 70px);
    line-height: 1.05;
}

.intro-content h2 span {
    color: var(--primary);
}

.intro-content p {
    max-width: 680px;
    color: #aaa;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================
   SERVICES
========================= */

.services-section {
    padding: 120px 0;
    background: #151719;
    border-top: 1px solid rgba(212, 175, 55, 0.25);
}

.section-heading {
    max-width: 850px;
    margin-bottom: 55px;
}

.section-heading h2 {
    margin: 16px 0 20px;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -2px;
}

.section-heading h2 span {
    color: var(--primary);
}

.section-heading p {
    max-width: 650px;
    color: #aaa;
    font-size: 16px;
    line-height: 1.8;
}

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

.service-card {
    position: relative;
    min-height: 280px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    background:
        linear-gradient(
            180deg,
            #202326 0%,
            #1a1c1e 100%
        );

    border: 1px solid rgba(212, 175, 55, 0.42);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary);
    background: #202326;
}

.service-number {
    position: absolute;
    top: 22px;
    left: 24px;
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.service-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 19px;
}

.service-card p {
    margin: 0;
    color: #969696;
    font-size: 13px;
    line-height: 1.7;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px) {

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

}

@media (max-width: 1000px) {

    .header-container {
        min-height: 74px;
    }

    .custom-logo {
        max-height: 48px;
    }

    .main-navigation {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
    }

}

@media (max-width: 768px) {

    .home-hero {
        min-height: 760px;
        background-position: 58% center;
    }

    .home-hero-overlay {
        background: rgba(10,11,12,.72);
    }

    .home-hero h1 {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .home-hero-content {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .hero-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .hero-line {
        display: none;
    }

    .intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .intro-number {
        font-size: 50px;
    }

    .home-intro {
        padding: 80px 0;
    }

    .services-section {
        padding: 80px 0;
    }

}

@media (max-width: 600px) {

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

    .service-card {
        min-height: 220px;
    }

}
/* =========================
   KADIN / ERKEK BÖLÜMLERİ
========================= */

.gender-section {
    padding: 120px 0;
    background: #111315;
    border-top: 1px solid rgba(212, 175, 55, 0.18);
}

.gender-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.gender-card {
    position: relative;
    min-height: 520px;

    display: flex;
    align-items: flex-end;

    padding: 44px;

    overflow: hidden;
    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #25282b 0%,
            #17191b 100%
        );

    border: 1px solid rgba(212, 175, 55, 0.35);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease;
}

.gender-card::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    top: -150px;
    right: -120px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.08);
    filter: blur(20px);

    transition: transform 0.5s ease;
}

.gender-card:hover {
    transform: translateY(-6px);
    border-color: var(--primary);
}

.gender-card:hover::before {
    transform: scale(1.4);
}

.gender-card-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(10, 11, 12, 0.05) 0%,
            rgba(10, 11, 12, 0.35) 45%,
            rgba(10, 11, 12, 0.95) 100%
        );
}

.gender-card-content {
    position: relative;
    z-index: 2;

    max-width: 500px;
}

.gender-small {
    display: block;

    margin-bottom: 18px;

    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
}

.gender-card h3 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(42px, 4vw, 70px);
    line-height: 0.95;
    letter-spacing: -2px;
}

.gender-card h3 span {
    display: block;
    color: var(--primary);
}

.gender-card p {
    max-width: 430px;

    margin: 24px 0 30px;

    color: #aaa;

    font-size: 15px;
    line-height: 1.8;
}

.gender-link {
    color: #ffffff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;

    transition: color 0.25s ease;
}

.gender-card:hover .gender-link {
    color: var(--primary);
}


/* Tablet */

@media (max-width: 900px) {

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

    .gender-card {
        min-height: 420px;
    }

}


/* Telefon */

@media (max-width: 600px) {

    .gender-section {
        padding: 80px 0;
    }

    .gender-card {
        min-height: 360px;
        padding: 28px;
    }

}
/* =========================
   ÜYELİK PAKETLERİ
========================= */

.membership-section {
    padding: 120px 0;
    background: #151719;
    border-top: 1px solid rgba(212, 175, 55, 0.18);
}

.membership-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.membership-card {
    position: relative;

    min-height: 430px;
    padding: 38px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    text-decoration: none;

    background:
        linear-gradient(
            145deg,
            #1f2224 0%,
            #16181a 65%,
            #111315 100%
        );

    border: 1px solid rgba(212, 175, 55, 0.34);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.membership-card::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    top: -130px;
    right: -100px;

    background: rgba(212, 175, 55, 0.08);
    border-radius: 50%;
    filter: blur(18px);
}

.membership-card:hover {
    transform: translateY(-6px);

    border-color: var(--primary);

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.25);
}

.membership-tag {
    position: absolute;

    top: 28px;
    right: 28px;

    padding: 9px 13px;

    color: var(--primary);

    border: 1px solid rgba(212, 175, 55, 0.4);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.membership-content {
    position: relative;
    z-index: 2;

    max-width: 510px;
}

.membership-number {
    display: block;

    margin-bottom: 25px;

    color: rgba(212, 175, 55, 0.55);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.membership-card h3 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(36px, 4vw, 58px);
    line-height: 0.98;
    letter-spacing: -2px;
}

.membership-card h3 span {
    display: block;
    color: var(--primary);
}

.membership-card p {
    max-width: 440px;

    margin: 24px 0 30px;

    color: #9b9b9b;

    font-size: 14px;
    line-height: 1.8;
}

.membership-link {
    color: #ffffff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;

    transition: color 0.25s ease;
}

.membership-card:hover .membership-link {
    color: var(--primary);
}

@media (max-width: 900px) {

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

    .membership-card {
        min-height: 380px;
    }

}

@media (max-width: 600px) {

    .membership-section {
        padding: 80px 0;
    }

    .membership-card {
        min-height: 340px;
        padding: 28px;
    }

    .membership-tag {
        top: 20px;
        right: 20px;
    }

}
/* =========================
   SPORŞİMDİ
========================= */

.sporsimdi-section {
    padding: 120px 0;
    background: #111315;
    border-top: 1px solid rgba(212, 175, 55, 0.18);
}

.sporsimdi-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 80px;
    align-items: center;
}

.sporsimdi-content h2 {
    margin: 18px 0 24px;

    font-size: clamp(44px, 5vw, 74px);
    line-height: 1;
    letter-spacing: -2px;
}

.sporsimdi-content h2 span {
    display: block;
    color: var(--primary);
}

.sporsimdi-content > p {
    max-width: 620px;

    margin: 0;

    color: #aaa;

    font-size: 16px;
    line-height: 1.8;
}

.sporsimdi-features {
    margin-top: 42px;
}

.sporsimdi-feature {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 20px;
    align-items: center;

    padding: 20px 0;

    border-bottom: 1px solid rgba(255,255,255,.08);
}

.sporsimdi-feature span {
    color: var(--primary);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sporsimdi-feature p {
    margin: 0;

    color: #e2e0da;

    font-size: 14px;
    line-height: 1.6;
}


/* Sağdaki uygulama kartı */

.sporsimdi-visual {
    display: flex;
    justify-content: center;
}

.phone-card {
    position: relative;

    width: 100%;
    max-width: 420px;

    padding: 46px 36px;

    background:
        linear-gradient(
            145deg,
            #232628 0%,
            #17191b 100%
        );

    border: 1px solid rgba(212, 175, 55, 0.45);

    box-shadow:
        0 30px 80px rgba(0,0,0,.35);
}

.phone-card::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -80px;
    right: -60px;

    background: rgba(212, 175, 55, 0.1);

    border-radius: 50%;

    filter: blur(25px);
}

.phone-label {
    position: relative;
    z-index: 2;

    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
}

.phone-card h3 {
    position: relative;
    z-index: 2;

    margin: 18px 0 12px;

    color: #ffffff;

    font-size: 40px;
    line-height: 1;
    letter-spacing: -1px;
}

.phone-card h3 span {
    display: block;
    color: var(--primary);
}

.phone-card > p {
    position: relative;
    z-index: 2;

    color: #8f8f8f;
}

.phone-ui {
    position: relative;
    z-index: 2;

    margin-top: 34px;
}

.phone-ui-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 17px 0;

    border-top: 1px solid rgba(255,255,255,.08);
}

.phone-ui-row span {
    color: #8f8f8f;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.phone-ui-row strong {
    color: #ffffff;

    font-size: 10px;
    letter-spacing: 1px;
}


/* Responsive */

@media (max-width: 900px) {

    .sporsimdi-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .sporsimdi-visual {
        justify-content: flex-start;
    }

}

@media (max-width: 600px) {

    .sporsimdi-section {
        padding: 80px 0;
    }

    .phone-card {
        padding: 36px 26px;
    }

}
/* =========================
   HOME CTA
========================= */

.home-cta {
    position: relative;

    padding: 130px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #1c1f21 0%,
            #111315 100%
        );

    border-top: 1px solid rgba(212, 175, 55, 0.2);
}

.home-cta::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -260px;
    right: -180px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.08);

    filter: blur(20px);
}

.home-cta::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    bottom: -220px;
    left: -120px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.05);

    filter: blur(20px);
}

.home-cta-inner {
    position: relative;
    z-index: 2;

    max-width: 1050px;
}

.home-cta h2 {
    max-width: 950px;

    margin: 18px 0 26px;

    color: #ffffff;

    font-size: clamp(46px, 6vw, 82px);
    line-height: 0.98;
    letter-spacing: -3px;
}

.home-cta h2 span {
    display: block;

    color: var(--primary);
}

.home-cta p {
    max-width: 600px;

    margin: 0;

    color: #a5a5a5;

    font-size: 17px;
    line-height: 1.8;
}

.home-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 40px;
}

@media (max-width: 600px) {

    .home-cta {
        padding: 85px 0;
    }

    .home-cta h2 {
        font-size: 44px;
        letter-spacing: -2px;
    }

    .home-cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }

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

.site-footer {
    background: #0d0f10;

    border-top: 1px solid rgba(212, 175, 55, 0.2);
}

.footer-main {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;

    gap: 60px;

    padding-top: 80px;
    padding-bottom: 70px;
}

.footer-logo-text {
    display: inline-block;

    margin-bottom: 22px;

    color: #ffffff;

    text-decoration: none;

    font-size: 23px;
    font-weight: 800;
    letter-spacing: 2px;
}

.footer-brand p {
    max-width: 420px;

    margin: 0;

    color: #858585;

    font-size: 14px;
    line-height: 1.8;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.footer-title {
    margin-bottom: 8px;

    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.footer-column a {
    color: #b9b9b9;

    text-decoration: none;

    font-size: 13px;
    line-height: 1.5;

    transition: color 0.25s ease;
}

.footer-column a:hover {
    color: var(--primary);
}

.footer-location {
    margin: 0;

    color: #aaaaaa;

    font-size: 14px;
}

.footer-bottom {
    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    border-top: 1px solid rgba(255,255,255,.07);
}

.footer-bottom p,
.footer-bottom span {
    margin: 0;

    color: #6e6e6e;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.footer-bottom span {
    color: rgba(212, 175, 55, 0.65);
}

@media (max-width: 1000px) {

    .footer-main {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }

}

@media (max-width: 600px) {

    .footer-main {
        grid-template-columns: 1fr;

        padding-top: 60px;
        padding-bottom: 50px;
    }

    .footer-bottom {
        padding-top: 25px;
        padding-bottom: 25px;

        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

}
/* =========================
   HEADER / MENÜ GÜNCEL
========================= */

.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;

    width: 100%;

    background: rgba(17, 19, 21, 0.96);

    border-bottom: 1px solid rgba(212, 175, 55, 0.18);

    backdrop-filter: blur(12px);
}

.header-container {
    min-height: 86px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}

.site-logo {
    flex-shrink: 0;
}

.custom-logo-link {
    display: flex;
    align-items: center;
}

.custom-logo {
    display: block;

    width: auto;
    max-height: 58px;
}

.logo-text {
    color: #ffffff;

    text-decoration: none;

    font-size: 20px;
    font-weight: 800;
    letter-spacing: 2px;
}


/* MASAÜSTÜ MENÜ */

.main-navigation {
    margin-left: auto;
}

.primary-menu {
    list-style: none;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;

    gap: 28px;
}

.primary-menu > li {
    position: relative;
}

.primary-menu > li > a {
    display: block;

    padding: 34px 0;

    color: #f5f3ed;

    text-decoration: none;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;

    transition: color 0.25s ease;
}

.primary-menu > li > a:hover {
    color: var(--primary);
}


/* DROPDOWN */

.primary-menu .sub-menu {
    position: absolute;

    top: 100%;
    left: 0;

    min-width: 310px;

    margin: 0;
    padding: 10px 0;

    list-style: none;

    background: #16181a;

    border:
        1px solid rgba(212, 175, 55, 0.25);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.35);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}

.primary-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

.primary-menu .sub-menu li {
    width: 100%;
}

.primary-menu .sub-menu a {
    display: block;

    padding: 14px 20px;

    color: #c7c7c7;

    text-decoration: none;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;

    transition:
        color 0.2s ease,
        background 0.2s ease;
}

.primary-menu .sub-menu a:hover {
    color: var(--primary);

    background:
        rgba(212, 175, 55, 0.07);
}


/* SUBMENU + BUTONU */

.submenu-toggle {
    display: none;
}


/* HAMBURGER */

.mobile-menu-toggle {
    display: none;

    width: 44px;
    height: 44px;

    padding: 9px;

    border:
        1px solid rgba(212, 175, 55, 0.3);

    background: transparent;

    cursor: pointer;
}

.mobile-menu-toggle span {
    display: block;

    width: 100%;
    height: 2px;

    margin: 5px 0;

    background: #ffffff;

    transition: 0.3s ease;
}


/* =========================
   MOBİL
========================= */

@media (max-width: 1050px) {

    .header-container {
        min-height: 74px;
    }

    .custom-logo {
        max-height: 48px;
    }

    .mobile-menu-toggle {
        display: block;

        position: relative;
        z-index: 10002;
    }

    .main-navigation {
        position: fixed;

        top: 74px;
        right: 0;

        width: 100%;
        height: calc(100vh - 74px);

        margin: 0;

        overflow-y: auto;

        background: #111315;

        border-top:
            1px solid rgba(212, 175, 55, 0.15);

        opacity: 0;
        visibility: hidden;

        transform: translateX(100%);

        transition:
            transform 0.3s ease,
            opacity 0.3s ease,
            visibility 0.3s ease;
    }

    .main-navigation.is-open {
        opacity: 1;
        visibility: visible;

        transform: translateX(0);
    }

    .primary-menu {
        display: block;

        padding: 20px 24px 50px;
    }

    .primary-menu > li {
        width: 100%;

        border-bottom:
            1px solid rgba(255, 255, 255, 0.08);
    }

    .primary-menu > li > a {
        padding: 20px 45px 20px 0;

        font-size: 13px;
    }


    /* MOBİL DROPDOWN */

    .primary-menu .sub-menu {
        position: static;

        display: none;

        min-width: 100%;

        padding: 0 0 15px;

        background: transparent;

        border: none;
        box-shadow: none;

        opacity: 1;
        visibility: visible;

        transform: none;
    }

    .primary-menu li.submenu-open > .sub-menu {
        display: block;
    }

    .primary-menu .sub-menu a {
        padding: 12px 15px;

        color: #989898;

        font-size: 11px;

        border-left:
            1px solid rgba(212, 175, 55, 0.25);
    }

    .submenu-toggle {
        display: flex;

        position: absolute;

        top: 11px;
        right: 0;

        width: 42px;
        height: 42px;

        align-items: center;
        justify-content: center;

        padding: 0;

        color: var(--primary);

        background: transparent;

        border: none;

        font-size: 23px;

        cursor: pointer;

        transition: transform 0.25s ease;
    }

    .submenu-open > .submenu-toggle {
        transform: rotate(45deg);
    }


    /* HAMBURGER ANİMASYON */

    .mobile-menu-toggle.is-active span:nth-child(1) {
        transform:
            translateY(7px)
            rotate(45deg);
    }

    .mobile-menu-toggle.is-active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.is-active span:nth-child(3) {
        transform:
            translateY(-7px)
            rotate(-45deg);
    }

}
/* =========================
   KURUMSAL SAYFASI
========================= */

.corporate-page {
    background: #151719;
}


/* ÜST BÖLÜM */

.corporate-hero {
    padding: 110px 0 130px;
    background:
        linear-gradient(
            135deg,
            #17191b 0%,
            #121416 100%
        );
}

.corporate-hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 70px;
    align-items: center;
}

.corporate-copy h1 {
    max-width: 760px;

    margin: 18px 0 28px;

    color: #ffffff;

    font-size: clamp(48px, 5vw, 74px);
    line-height: 0.98;

    letter-spacing: -3px;
}

.corporate-copy h1 span {
    color: var(--primary);
}

.corporate-copy > p {
    max-width: 720px;

    margin: 0 0 22px;

    color: #aaa;

    font-size: 15px;
    line-height: 1.85;
}


/* 4 ÖZELLİK */

.corporate-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 16px;

    margin-top: 34px;
    padding-top: 26px;

    border-top:
        1px solid rgba(212, 175, 55, 0.25);
}

.corporate-feature {
    display: grid;
    grid-template-columns: 42px 1fr;

    gap: 14px;

    padding: 20px;

    min-height: 130px;

    background: #1c1f21;

    border:
        1px solid rgba(212, 175, 55, 0.34);
}

.feature-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    background:
        rgba(212, 175, 55, 0.14);

    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
}

.corporate-feature h3 {
    margin: 4px 0 8px;

    color: #ffffff;

    font-size: 14px;
}

.corporate-feature p {
    margin: 0;

    color: #999;

    font-size: 12px;
    line-height: 1.65;
}

.corporate-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 30px;
}


/* SAĞ GÖRSEL */

.corporate-visual {
    position: relative;

    min-height: 560px;

    padding: 12px;

    background: #17191b;

    border:
        1px solid rgba(212, 175, 55, 0.45);

    box-shadow:
        0 30px 80px rgba(0,0,0,.32);
}

.corporate-image-placeholder {
    position: absolute;

    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 88px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #272a2d,
            #1c1f21
        );

    color: rgba(212,175,55,.6);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
}

.corporate-image-info {
    position: absolute;

    left: 24px;
    right: 24px;
    bottom: 25px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 25px;

    padding-top: 18px;

    border-top:
        1px solid rgba(212,175,55,.28);
}

.corporate-image-info div:last-child {
    text-align: right;
}

.corporate-image-info span {
    display: block;

    margin-bottom: 5px;

    color: #777;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.corporate-image-info strong {
    color: #ffffff;

    font-size: 14px;
}


/* =========================
   TESİS ALANLARI
========================= */

.facility-section {
    padding: 120px 0;

    background: #111315;

    border-top:
        1px solid rgba(212,175,55,.22);
}

.facility-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    margin-top: 55px;
}

.facility-card {
    overflow: hidden;

    background: #1b1e20;

    border:
        1px solid rgba(255,255,255,.06);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.facility-card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(212,175,55,.5);
}

.facility-image {
    height: 250px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #292c30,
            #202326
        );

    border-bottom:
        1px solid rgba(255,255,255,.05);
}

.facility-image span {
    color: rgba(212,175,55,.6);

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 3px;
}

.facility-card-content {
    padding: 28px;
}

.facility-category {
    color: var(--primary);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
}

.facility-card h3 {
    margin: 13px 0 12px;

    color: #ffffff;

    font-size: 20px;
}

.facility-card p {
    margin: 0;

    color: #969696;

    font-size: 13px;
    line-height: 1.75;
}

.facility-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 24px;
}

.facility-tags span {
    padding: 7px 10px;

    color: #bdbdbd;

    border:
        1px solid rgba(212,175,55,.24);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .5px;
}


/* ALT UYARI */

.facility-note {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-top: 28px;

    padding: 22px 24px;

    background: #191c1e;

    border:
        1px solid rgba(212,175,55,.34);
}

.facility-note > div {
    display: flex;
    align-items: center;

    gap: 16px;
}

.facility-note-icon {
    width: 36px;
    height: 36px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(212,175,55,.14);

    color: var(--primary);

    font-size: 18px;
}

.facility-note strong {
    display: block;

    margin-bottom: 4px;

    color: #ffffff;

    font-size: 13px;
}

.facility-note p {
    margin: 0;

    color: #888;

    font-size: 11px;
}

.facility-note > a {
    flex-shrink: 0;

    padding: 12px 18px;

    background: var(--primary);

    color: #111;

    text-decoration: none;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1000px) {

    .corporate-hero-grid {
        grid-template-columns: 1fr;
    }

    .corporate-visual {
        min-height: 520px;
    }

}


@media (max-width: 768px) {

    .corporate-hero {
        padding: 80px 0;
    }

    .corporate-features {
        grid-template-columns: 1fr;
    }

    .facility-section {
        padding: 80px 0;
    }

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

    .facility-note {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 600px) {

    .corporate-copy h1 {
        font-size: 45px;
        letter-spacing: -2px;
    }

    .corporate-visual {
        min-height: 430px;
    }

    .corporate-image-info {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .corporate-image-info div:last-child {
        text-align: left;
    }

}
/* =========================
   KADINLAR BÖLÜMÜ
========================= */

.women-page {
    background: #151719;
}


/* HERO */

.women-hero {
    position: relative;

    min-height: 700px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 40%,
            rgba(212, 175, 55, 0.09),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #1a1c1e 0%,
            #111315 100%
        );
}

.women-hero::before {
    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    right: -140px;
    top: 50%;

    transform: translateY(-50%);

    border:
        1px solid rgba(212,175,55,.12);

    border-radius: 50%;
}

.women-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(10,11,12,.8),
            rgba(10,11,12,.15)
        );
}

.women-hero-content {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 100px;
}

.women-hero h1 {
    max-width: 900px;

    margin: 18px 0 28px;

    color: #ffffff;

    font-size: clamp(54px, 7vw, 96px);
    line-height: .95;

    letter-spacing: -4px;
}

.women-hero h1 span {
    display: block;
    color: var(--primary);
}

.women-hero p {
    max-width: 610px;

    margin: 0;

    color: #aaa;

    font-size: 17px;
    line-height: 1.8;
}

.women-hero-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 38px;
}


/* INTRO */

.women-intro {
    padding: 110px 0;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.women-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr;

    gap: 50px;
}

.women-intro-number {
    color:
        rgba(212,175,55,.22);

    font-size: 80px;
    font-weight: 800;
    line-height: 1;
}

.women-intro-copy h2 {
    max-width: 900px;

    margin: 17px 0 25px;

    color: #fff;

    font-size: clamp(40px,5vw,68px);
    line-height: 1.02;

    letter-spacing: -2px;
}

.women-intro-copy h2 span {
    display: block;
    color: var(--primary);
}

.women-intro-copy p {
    max-width: 720px;

    margin: 0;

    color: #999;

    line-height: 1.8;
}


/* HİZMETLER */

.women-services {
    padding: 120px 0;

    background: #111315;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.women-services-grid {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 14px;

    margin-top: 50px;
}

.women-service-card {
    position: relative;

    min-height: 270px;

    padding: 28px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    background:
        linear-gradient(
            145deg,
            #222527,
            #191b1d
        );

    border:
        1px solid rgba(212,175,55,.3);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.women-service-card:hover {
    transform: translateY(-5px);

    border-color: var(--primary);
}

.women-service-number {
    position: absolute;

    top: 23px;
    left: 25px;

    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.women-service-card h3 {
    margin: 0 0 12px;

    color: #fff;

    font-size: 18px;
}

.women-service-card p {
    margin: 0;

    color: #929292;

    font-size: 13px;
    line-height: 1.7;
}


/* PAKETLER */

.women-packages-section {
    padding: 120px 0;

    background: #151719;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.women-packages-grid {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 16px;

    margin-top: 50px;
}

.women-package-card {
    position: relative;

    min-height: 340px;

    padding: 34px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    overflow: hidden;

    text-decoration: none;

    background:
        linear-gradient(
            145deg,
            #202326,
            #151719
        );

    border:
        1px solid rgba(212,175,55,.35);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.women-package-card::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    top: -110px;
    right: -100px;

    border-radius: 50%;

    background:
        rgba(212,175,55,.07);
}

.women-package-card:hover {
    transform: translateY(-5px);

    border-color: var(--primary);
}

.women-package-number {
    position: absolute;

    top: 27px;
    right: 28px;

    color:
        rgba(212,175,55,.65);

    font-size: 11px;
    font-weight: 800;
}

.women-package-card h3 {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #fff;

    font-size:
        clamp(30px,3vw,45px);

    line-height: 1;

    letter-spacing: -1px;
}

.women-package-card h3 span {
    display: block;

    color: var(--primary);
}

.women-package-card p {
    position: relative;
    z-index: 2;

    max-width: 500px;

    margin: 20px 0 25px;

    color: #919191;

    font-size: 13px;
    line-height: 1.7;
}

.women-package-link {
    position: relative;
    z-index: 2;

    color: #fff;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.women-package-card:hover
.women-package-link {
    color: var(--primary);
}


/* CTA */

.women-cta {
    padding: 120px 0;

    background: #101214;

    border-top:
        1px solid rgba(212,175,55,.2);
}

.women-cta-inner {
    max-width: 1000px;
}

.women-cta h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(46px,6vw,80px);

    line-height: .98;

    letter-spacing: -3px;
}

.women-cta h2 span {
    display: block;
    color: var(--primary);
}

.women-cta p {
    max-width: 600px;

    margin: 0;

    color: #999;

    font-size: 16px;
    line-height: 1.8;
}

.women-cta-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 38px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .women-services-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

}


@media (max-width: 800px) {

    .women-hero {
        min-height: 620px;
    }

    .women-intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .women-packages-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 600px) {

    .women-hero h1 {
        font-size: 48px;

        letter-spacing: -2px;
    }

    .women-hero {
        min-height: 600px;
    }

    .women-intro,
    .women-services,
    .women-packages-section,
    .women-cta {
        padding: 80px 0;
    }

    .women-services-grid {
        grid-template-columns: 1fr;
    }

    .women-service-card {
        min-height: 220px;
    }

    .women-package-card {
        min-height: 300px;
    }

}
/* =========================
   PREMIUM PAKET SAYFALARI
========================= */

.package-page {
    background: #151719;
}


/* HERO */

.package-hero {
    position: relative;

    padding: 130px 0 110px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 25%,
            rgba(212, 175, 55, 0.09),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #1b1e20 0%,
            #101214 100%
        );

    border-bottom:
        1px solid rgba(212,175,55,.2);
}

.package-hero::after {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -210px;
    right: -100px;

    border-radius: 50%;

    border:
        1px solid rgba(212,175,55,.12);
}

.package-hero-inner {
    position: relative;
    z-index: 2;
}

.package-hero h1 {
    max-width: 950px;

    margin: 18px 0 28px;

    color: #fff;

    font-size:
        clamp(56px,7vw,96px);

    line-height: .92;

    letter-spacing: -4px;
}

.package-hero h1 span {
    display: block;

    color: var(--primary);
}

.package-hero p {
    max-width: 650px;

    margin: 0;

    color: #aaa;

    font-size: 16px;
    line-height: 1.8;
}

.package-hero-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 15px;

    margin-top: 38px;

    color: #777;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
}

.package-hero-meta i {
    display: block;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--primary);
}


/* =========================
   PAKET LİSTESİ
========================= */

.package-list-section {
    padding: 120px 0;

    background: #151719;
}

.package-cards-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 18px;

    margin-top: 55px;
}


/* PAKET KARTI */

.premium-package-card {
    position: relative;

    min-height: 470px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #202326 0%,
            #17191b 100%
        );

    border:
        1px solid rgba(212,175,55,.34);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.premium-package-card::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    top: -150px;
    right: -120px;

    border-radius: 50%;

    background:
        rgba(212,175,55,.06);

    filter: blur(10px);
}

.premium-package-card:hover {
    transform:
        translateY(-5px);

    border-color:
        var(--primary);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.25);
}


/* ÜST */

.package-card-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 25px 28px;

    border-bottom:
        1px solid rgba(255,255,255,.06);
}

.package-index {
    color:
        rgba(212,175,55,.7);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2px;
}

.package-type {
    padding: 7px 10px;

    color: var(--primary);

    border:
        1px solid rgba(212,175,55,.3);

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1.4px;
}


/* ORTA */

.package-card-body {
    position: relative;
    z-index: 2;

    flex: 1;

    padding: 35px 28px;
}

.package-small {
    display: block;

    margin-bottom: 14px;

    color: #777;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
}

.package-card-body h3 {
    margin: 0;

    color: #fff;

    font-size:
        clamp(30px,3vw,44px);

    line-height: 1;

    letter-spacing: -1px;
}

.package-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-top: 32px;
}

.package-price span {
    color: #777;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.package-price strong {
    color: var(--primary);

    font-size: 30px;
    line-height: 1;
}

.package-divider {
    height: 1px;

    margin: 25px 0;

    background:
        rgba(255,255,255,.07);
}


/* ÖZELLİKLER */

.package-features {
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.package-features span {
    position: relative;

    padding-left: 18px;

    color: #aaa;

    font-size: 12px;
}

.package-features span::before {
    content: "";

    position: absolute;

    top: 6px;
    left: 0;

    width: 5px;
    height: 5px;

    background: var(--primary);
}


/* BUTON */

.package-card-bottom {
    position: relative;
    z-index: 2;

    padding: 0 28px 28px;
}

.package-button {
    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 18px;

    color: #fff;

    text-decoration: none;

    border:
        1px solid rgba(212,175,55,.34);

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.4px;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.package-button span {
    color: var(--primary);

    font-size: 17px;
}

.package-button:hover {
    color: #111;

    background: var(--primary);

    border-color: var(--primary);
}

.package-button:hover span {
    color: #111;
}


/* =========================
   DİĞER PAKETLER
========================= */

.package-navigation-section {
    padding: 110px 0;

    background: #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.package-navigation-heading h2 {
    margin: 16px 0 45px;

    color: #fff;

    font-size:
        clamp(40px,5vw,65px);

    line-height: 1;

    letter-spacing: -2px;
}

.package-navigation-heading h2 span {
    color: var(--primary);
}

.package-navigation-grid {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 12px;
}

.package-navigation-card {
    position: relative;

    min-height: 240px;

    padding: 25px;

    display: flex;
    flex-direction: column;

    text-decoration: none;

    background: #1a1d1f;

    border:
        1px solid rgba(212,175,55,.25);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.package-navigation-card:hover {
    transform:
        translateY(-4px);

    border-color:
        var(--primary);
}

.package-navigation-card > span {
    color:
        rgba(212,175,55,.6);

    font-size: 10px;
    font-weight: 800;
}

.package-navigation-card h3 {
    margin: auto 0 20px;

    color: #fff;

    font-size: 21px;
    line-height: 1.2;
}

.package-navigation-card strong {
    color: var(--primary);

    font-size: 9px;

    letter-spacing: 1.4px;
}


/* =========================
   PAKET CTA
========================= */

.package-cta {
    padding: 120px 0;

    background:
        linear-gradient(
            135deg,
            #1b1e20,
            #111315
        );

    border-top:
        1px solid rgba(212,175,55,.18);
}

.package-cta-inner {
    max-width: 1050px;
}

.package-cta h2 {
    margin: 17px 0 25px;

    color: #fff;

    font-size:
        clamp(44px,6vw,76px);

    line-height: .98;

    letter-spacing: -3px;
}

.package-cta h2 span {
    display: block;

    color: var(--primary);
}

.package-cta p {
    max-width: 650px;

    margin: 0 0 35px;

    color: #999;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1000px) {

    .package-navigation-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

}


@media (max-width: 768px) {

    .package-hero {
        padding: 100px 0 80px;
    }

    .package-cards-grid {
        grid-template-columns: 1fr;
    }

    .package-list-section,
    .package-navigation-section,
    .package-cta {
        padding: 80px 0;
    }

}


@media (max-width: 600px) {

    .package-hero h1 {
        font-size: 50px;

        letter-spacing: -2px;
    }

    .package-navigation-grid {
        grid-template-columns: 1fr;
    }

    .premium-package-card {
        min-height: 440px;
    }

    .package-price strong {
        font-size: 25px;
    }

}
/* =========================
   ÜYELİK - SPORŞİMDİ
========================= */

.membership-app-section {
    padding: 110px 0;

    background: #111315;

    border-top:
        1px solid rgba(212,175,55,.18);

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.membership-app-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: center;
}

.membership-app-copy h2 {
    margin: 17px 0 24px;

    color: #fff;

    font-size:
        clamp(42px,5vw,68px);

    line-height: 1;

    letter-spacing: -2px;
}

.membership-app-copy h2 span {
    display: block;

    color: var(--primary);
}

.membership-app-copy p {
    max-width: 600px;

    margin: 0;

    color: #999;

    font-size: 15px;
    line-height: 1.8;
}

.membership-app-features {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;
}

.membership-app-features div {
    min-height: 150px;

    padding: 24px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #1c1f21;

    border:
        1px solid rgba(212,175,55,.3);
}

.membership-app-features span {
    color: var(--primary);

    font-size: 10px;
    font-weight: 800;
}

.membership-app-features strong {
    color: #fff;

    font-size: 14px;
    line-height: 1.4;
}

@media (max-width: 800px) {

    .membership-app-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

}

@media (max-width: 550px) {

    .membership-app-section {
        padding: 80px 0;
    }

    .membership-app-features {
        grid-template-columns: 1fr;
    }

}
/* =========================
   GELİN HAMAMI
========================= */

.bridal-page {
    background: #151719;
}


/* HERO */

.bridal-hero {
    position: relative;

    min-height: 680px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(212,175,55,.12),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #1d1f21 0%,
            #101214 100%
        );

    border-bottom:
        1px solid rgba(212,175,55,.2);
}

.bridal-hero::after {
    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    top: 50%;
    right: -170px;

    transform: translateY(-50%);

    border-radius: 50%;

    border:
        1px solid rgba(212,175,55,.14);
}

.bridal-hero-glow {
    position: absolute;

    width: 400px;
    height: 400px;

    right: 5%;
    top: 10%;

    border-radius: 50%;

    background:
        rgba(212,175,55,.06);

    filter: blur(70px);
}

.bridal-hero-content {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 100px;
}

.bridal-hero h1 {
    max-width: 950px;

    margin: 18px 0 28px;

    color: #fff;

    font-size:
        clamp(58px,8vw,105px);

    line-height: .9;

    letter-spacing: -5px;
}

.bridal-hero h1 span {
    display: block;

    color: var(--primary);
}

.bridal-hero p {
    max-width: 650px;

    margin: 0;

    color: #aaa;

    font-size: 16px;
    line-height: 1.85;
}

.bridal-hero-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 36px;
}

.bridal-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 15px;

    margin-top: 45px;

    color: #747474;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.8px;
}

.bridal-hero-meta i {
    width: 4px;
    height: 4px;

    display: block;

    border-radius: 50%;

    background: var(--primary);
}


/* =========================
   TANITIM
========================= */

.bridal-intro {
    padding: 120px 0;

    background: #151719;
}

.bridal-intro-grid {
    display: grid;

    grid-template-columns:
        150px 1fr;

    gap: 50px;
}

.bridal-intro-number {
    color:
        rgba(212,175,55,.22);

    font-size: 80px;
    font-weight: 800;

    line-height: 1;
}

.bridal-intro-copy h2 {
    max-width: 900px;

    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(42px,5vw,70px);

    line-height: 1;

    letter-spacing: -2px;
}

.bridal-intro-copy h2 span {
    display: block;

    color: var(--primary);
}

.bridal-intro-copy > p {
    max-width: 720px;

    margin: 0;

    color: #999;

    font-size: 15px;
    line-height: 1.85;
}


/* ÖZELLİKLER */

.bridal-highlights {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;

    margin-top: 40px;
}

.bridal-highlights div {
    min-height: 110px;

    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #1b1e20;

    border:
        1px solid rgba(212,175,55,.28);
}

.bridal-highlights span {
    color: var(--primary);

    font-size: 9px;
    font-weight: 800;
}

.bridal-highlights strong {
    color: #fff;

    font-size: 13px;
}


/* =========================
   PAKETLER
========================= */

.bridal-packages {
    padding: 120px 0;

    background: #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.bridal-packages-grid {
    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 16px;

    margin-top: 55px;
}

.bridal-package-card {
    position: relative;

    min-height: 500px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #212426,
            #17191b
        );

    border:
        1px solid rgba(212,175,55,.35);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.bridal-package-card::after {
    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    top: -140px;
    right: -110px;

    border-radius: 50%;

    background:
        rgba(212,175,55,.07);
}

.bridal-package-card:hover {
    transform: translateY(-6px);

    border-color: var(--primary);

    box-shadow:
        0 30px 70px rgba(0,0,0,.28);
}

.bridal-card-top {
    position: relative;
    z-index: 2;

    padding: 24px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    border-bottom:
        1px solid rgba(255,255,255,.06);
}

.bridal-number {
    color:
        rgba(212,175,55,.65);

    font-size: 10px;
    font-weight: 800;
}

.bridal-badge {
    padding: 7px 9px;

    color: var(--primary);

    border:
        1px solid rgba(212,175,55,.3);

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}

.bridal-card-content {
    position: relative;
    z-index: 2;

    flex: 1;

    padding: 32px 24px;
}

.bridal-small {
    display: block;

    margin-bottom: 14px;

    color: #777;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.bridal-card-content h3 {
    margin: 0;

    color: #fff;

    font-size: 32px;

    line-height: 1;
}

.bridal-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 15px;

    margin-top: 35px;
}

.bridal-price span {
    color: #777;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}

.bridal-price strong {
    color: var(--primary);

    font-size: 27px;
}

.bridal-divider {
    height: 1px;

    margin: 24px 0;

    background:
        rgba(255,255,255,.07);
}

.bridal-features {
    display: flex;
    flex-direction: column;

    gap: 11px;
}

.bridal-features span {
    position: relative;

    padding-left: 17px;

    color: #aaa;

    font-size: 11px;
}

.bridal-features span::before {
    content: "";

    position: absolute;

    left: 0;
    top: 5px;

    width: 5px;
    height: 5px;

    background: var(--primary);
}

.bridal-card-bottom {
    position: relative;
    z-index: 2;

    padding: 0 24px 24px;
}

.bridal-button {
    min-height: 50px;

    padding: 0 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #fff;

    text-decoration: none;

    border:
        1px solid rgba(212,175,55,.34);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1px;

    transition: .25s ease;
}

.bridal-button span {
    color: var(--primary);

    font-size: 17px;
}

.bridal-button:hover {
    color: #111;

    background: var(--primary);

    border-color: var(--primary);
}

.bridal-button:hover span {
    color: #111;
}


/* =========================
   DENEYİM
========================= */

.bridal-experience {
    padding: 100px 0;

    background: #151719;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.bridal-experience-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: end;
}

.bridal-experience h2 {
    margin: 16px 0 0;

    color: #fff;

    font-size:
        clamp(40px,5vw,65px);

    line-height: 1;

    letter-spacing: -2px;
}

.bridal-experience h2 span {
    display: block;

    color: var(--primary);
}

.bridal-experience-copy p {
    margin: 0 0 25px;

    color: #999;

    font-size: 14px;
    line-height: 1.8;
}

.bridal-text-link {
    color: var(--primary);

    text-decoration: none;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.3px;
}


/* =========================
   CTA
========================= */

.bridal-cta {
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(212,175,55,.08),
            transparent 35%
        ),
        #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.bridal-cta-inner {
    max-width: 1000px;
}

.bridal-cta h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(46px,6vw,78px);

    line-height: .98;

    letter-spacing: -3px;
}

.bridal-cta h2 span {
    display: block;

    color: var(--primary);
}

.bridal-cta p {
    max-width: 620px;

    margin: 0 0 35px;

    color: #999;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1000px) {

    .bridal-packages-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

}


@media (max-width: 800px) {

    .bridal-intro-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .bridal-experience-grid {
        grid-template-columns: 1fr;

        gap: 35px;
    }

}


@media (max-width: 650px) {

    .bridal-hero {
        min-height: 620px;
    }

    .bridal-hero h1 {
        font-size: 52px;

        letter-spacing: -3px;
    }

    .bridal-intro,
    .bridal-packages,
    .bridal-experience,
    .bridal-cta {
        padding: 80px 0;
    }

    .bridal-highlights {
        grid-template-columns: 1fr;
    }

    .bridal-packages-grid {
        grid-template-columns: 1fr;
    }

    .bridal-package-card {
        min-height: 460px;
    }

}
/* =========================
   KADIN YÜZME SAYFASI
========================= */

.swim-page {
    background: #151719;
}


/* HERO */

.swim-hero {
    position: relative;

    min-height: 680px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 35%,
            rgba(212,175,55,.10),
            transparent 33%
        ),
        linear-gradient(
            135deg,
            #1a1d1f,
            #101214
        );

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.swim-hero::after {
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    right: -250px;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    border:
        1px solid rgba(212,175,55,.12);
}

.swim-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 100px;
}

.swim-hero h1 {
    max-width: 1000px;

    margin: 18px 0 28px;

    color: #fff;

    font-size:
        clamp(58px,8vw,104px);

    line-height: .9;

    letter-spacing: -5px;
}

.swim-hero h1 span {
    display: block;

    color: var(--primary);
}

.swim-hero p {
    max-width: 640px;

    margin: 0;

    color: #aaa;

    font-size: 16px;

    line-height: 1.85;
}

.swim-hero-meta {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 14px;

    margin: 38px 0;

    color: #777;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.7px;
}

.swim-hero-meta i {
    width: 4px;

    height: 4px;

    display: block;

    border-radius: 50%;

    background: var(--primary);
}


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

.swim-intro {
    padding: 120px 0;

    background: #151719;
}

.swim-intro-grid {
    display: grid;

    grid-template-columns:
        150px 1fr;

    gap: 50px;
}

.swim-intro-number {
    color:
        rgba(212,175,55,.2);

    font-size: 80px;

    font-weight: 800;

    line-height: 1;
}

.swim-intro-copy h2 {
    max-width: 900px;

    margin: 17px 0 25px;

    color: #fff;

    font-size:
        clamp(42px,5vw,70px);

    line-height: 1;

    letter-spacing: -2px;
}

.swim-intro-copy h2 span {
    display: block;

    color: var(--primary);
}

.swim-intro-copy > p {
    max-width: 700px;

    margin: 0;

    color: #999;

    line-height: 1.8;
}


/* KÜÇÜK KARTLAR */

.swim-highlights {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;

    margin-top: 38px;
}

.swim-highlights div {
    min-height: 110px;

    padding: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background: #1b1e20;

    border:
        1px solid rgba(212,175,55,.27);
}

.swim-highlights span {
    color: var(--primary);

    font-size: 9px;

    font-weight: 800;
}

.swim-highlights strong {
    color: #fff;

    font-size: 13px;
}


/* =========================
   PAKET BÖLÜMÜ
========================= */

.swim-packages {
    background: #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}


/* =========================
   HAVUZ TANITIM
========================= */

.swim-experience {
    padding: 120px 0;

    background: #151719;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.swim-experience-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 70px;

    align-items: center;
}

.swim-experience-visual {
    min-height: 520px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #292c2f,
            #191c1e
        );

    border:
        1px solid rgba(212,175,55,.4);

    box-shadow:
        0 35px 80px rgba(0,0,0,.25);
}

.swim-experience-visual span {
    color:
        rgba(212,175,55,.65);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;
}

.swim-experience-content h2 {
    margin: 17px 0 25px;

    color: #fff;

    font-size:
        clamp(42px,5vw,67px);

    line-height: 1;

    letter-spacing: -2px;
}

.swim-experience-content h2 span {
    display: block;

    color: var(--primary);
}

.swim-experience-content p {
    max-width: 600px;

    margin: 0 0 18px;

    color: #999;

    font-size: 14px;

    line-height: 1.8;
}

.swim-experience-content .btn {
    margin-top: 18px;
}


/* =========================
   CTA
========================= */

.swim-cta {
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(212,175,55,.08),
            transparent 32%
        ),
        #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.swim-cta-inner {
    max-width: 1000px;
}

.swim-cta h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(46px,6vw,80px);

    line-height: .96;

    letter-spacing: -3px;
}

.swim-cta h2 span {
    display: block;

    color: var(--primary);
}

.swim-cta p {
    max-width: 620px;

    margin: 0 0 35px;

    color: #999;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 850px) {

    .swim-intro-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .swim-experience-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .swim-experience-visual {
        min-height: 420px;
    }

}


@media (max-width: 600px) {

    .swim-hero {
        min-height: 620px;
    }

    .swim-hero h1 {
        font-size: 50px;

        letter-spacing: -3px;
    }

    .swim-intro,
    .swim-experience,
    .swim-cta {
        padding: 80px 0;
    }

    .swim-highlights {
        grid-template-columns: 1fr;
    }

    .swim-experience-visual {
        min-height: 330px;
    }

}
/* =========================
   ALETLİ PİLATES SAYFASI
========================= */

.pilates-page {
    background: #151719;
}


/* HERO */

.pilates-hero {
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(212,175,55,.10),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #1b1e20,
            #101214
        );

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.pilates-hero-grid {
    display: grid;

    grid-template-columns:
        1.05fr .95fr;

    gap: 70px;

    align-items: center;
}

.pilates-hero h1 {
    max-width: 850px;

    margin: 18px 0 28px;

    color: #fff;

    font-size:
        clamp(62px,8vw,105px);

    line-height: .87;

    letter-spacing: -5px;
}

.pilates-hero h1 span {
    display: block;
    color: var(--primary);
}

.pilates-hero-copy > p {
    max-width: 620px;

    margin: 0;

    color: #aaa;

    font-size: 16px;
    line-height: 1.85;
}

.pilates-hero-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 35px;
}

.pilates-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 13px;

    margin-top: 42px;

    color: #777;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.7px;
}

.pilates-hero-meta i {
    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--primary);
}


/* HERO GÖRSEL */

.pilates-hero-visual {
    position: relative;

    min-height: 590px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #292c2f,
            #191c1e
        );

    border:
        1px solid rgba(212,175,55,.42);

    box-shadow:
        0 35px 90px rgba(0,0,0,.3);
}

.pilates-hero-visual > span {
    color:
        rgba(212,175,55,.6);

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 3px;
}

.pilates-visual-info {
    position: absolute;

    left: 25px;
    right: 25px;
    bottom: 25px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 20px;

    padding-top: 18px;

    border-top:
        1px solid rgba(212,175,55,.3);
}

.pilates-visual-info div:last-child {
    text-align: right;
}

.pilates-visual-info span {
    display: block;

    margin-bottom: 5px;

    color: #777;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}

.pilates-visual-info strong {
    color: #fff;

    font-size: 13px;
}


/* =========================
   BENEFITS
========================= */

.pilates-benefits {
    padding: 120px 0;

    background: #151719;
}

.pilates-benefits-grid {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 14px;

    margin-top: 50px;
}

.pilates-benefit-card {
    min-height: 260px;

    padding: 27px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    background:
        linear-gradient(
            145deg,
            #222527,
            #181a1c
        );

    border:
        1px solid rgba(212,175,55,.27);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.pilates-benefit-card:hover {
    transform: translateY(-5px);

    border-color: var(--primary);
}

.pilates-benefit-card > span {
    margin-bottom: auto;

    color: var(--primary);

    font-size: 9px;
    font-weight: 800;
}

.pilates-benefit-card h3 {
    margin: 0 0 10px;

    color: #fff;

    font-size: 24px;
}

.pilates-benefit-card p {
    margin: 0;

    color: #929292;

    font-size: 12px;
    line-height: 1.7;
}


/* PAKET ARKA PLAN */

.pilates-packages {
    background: #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}


/* =========================
   ANTRENMAN BÖLÜMÜ
========================= */

.pilates-experience {
    padding: 120px 0;

    background: #151719;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.pilates-experience-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: center;
}

.pilates-experience-copy h2 {
    margin: 17px 0 25px;

    color: #fff;

    font-size:
        clamp(42px,5vw,70px);

    line-height: .98;

    letter-spacing: -2px;
}

.pilates-experience-copy h2 span {
    display: block;

    color: var(--primary);
}

.pilates-experience-copy p {
    max-width: 590px;

    margin: 0 0 17px;

    color: #999;

    font-size: 14px;
    line-height: 1.8;
}

.pilates-experience-copy .btn {
    margin-top: 18px;
}


/* STATS */

.pilates-stats {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;
}

.pilates-stats div {
    min-height: 180px;

    padding: 25px;

    display: flex;
    flex-direction: column;

    background: #1b1e20;

    border:
        1px solid rgba(212,175,55,.3);
}

.pilates-stats span {
    color: var(--primary);

    font-size: 9px;
    font-weight: 800;
}

.pilates-stats strong {
    margin-top: auto;

    color: #fff;

    font-size: 19px;

    letter-spacing: 1px;
}

.pilates-stats p {
    margin: 6px 0 0;

    color: #777;

    font-size: 11px;
}


/* =========================
   CTA
========================= */

.pilates-cta {
    padding: 120px 0;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(212,175,55,.08),
            transparent 35%
        ),
        #101214;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.pilates-cta-inner {
    max-width: 1000px;
}

.pilates-cta h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(48px,6vw,82px);

    line-height: .95;

    letter-spacing: -3px;
}

.pilates-cta h2 span {
    display: block;

    color: var(--primary);
}

.pilates-cta p {
    max-width: 600px;

    margin: 0 0 35px;

    color: #999;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1000px) {

    .pilates-hero-grid {
        grid-template-columns: 1fr;
    }

    .pilates-hero-visual {
        min-height: 500px;
    }

    .pilates-benefits-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

}


@media (max-width: 800px) {

    .pilates-experience-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

}


@media (max-width: 600px) {

    .pilates-hero,
    .pilates-benefits,
    .pilates-experience,
    .pilates-cta {
        padding: 80px 0;
    }

    .pilates-hero h1 {
        font-size: 55px;

        letter-spacing: -3px;
    }

    .pilates-hero-visual {
        min-height: 390px;
    }

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

    .pilates-visual-info {
        grid-template-columns: 1fr;
    }

    .pilates-visual-info div:last-child {
        text-align: left;
    }

}/* =========================
   ERKEKLER BÖLÜMÜ
========================= */

.men-page {
    background: #111315;
}


/* =========================
   HERO
========================= */

.men-hero {
    position: relative;

    padding: 120px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 38%,
            rgba(212,175,55,.1),
            transparent 31%
        ),
        linear-gradient(
            120deg,
            #191c1e 0%,
            #0d0f10 100%
        );

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.men-hero::after {
    content: "";

    position: absolute;

    width: 800px;
    height: 800px;

    top: 50%;
    right: -430px;

    transform: translateY(-50%);

    border-radius: 50%;

    border:
        1px solid rgba(212,175,55,.1);
}

.men-hero-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1.05fr .95fr;

    gap: 70px;

    align-items: center;
}

.men-hero h1 {
    max-width: 850px;

    margin: 18px 0 28px;

    color: #fff;

    font-size:
        clamp(62px,8vw,108px);

    line-height: .86;

    letter-spacing: -5px;
}

.men-hero h1 span {
    display: block;

    color: var(--primary);
}

.men-hero-copy > p {
    max-width: 620px;

    margin: 0;

    color: #a0a0a0;

    font-size: 16px;

    line-height: 1.85;
}

.men-hero-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 36px;
}

.men-hero-meta {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 13px;

    margin-top: 42px;

    color: #6f6f6f;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.7px;
}

.men-hero-meta i {
    display: block;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--primary);
}


/* HERO VISUAL */

.men-hero-visual {
    position: relative;

    min-height: 590px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #25282a,
            #151719
        );

    border:
        1px solid rgba(212,175,55,.42);

    box-shadow:
        0 40px 90px rgba(0,0,0,.4);
}

.men-hero-visual > span {
    color:
        rgba(212,175,55,.58);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;
}

.men-visual-info {
    position: absolute;

    left: 25px;
    right: 25px;
    bottom: 25px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 20px;

    padding-top: 18px;

    border-top:
        1px solid rgba(212,175,55,.28);
}

.men-visual-info div:last-child {
    text-align: right;
}

.men-visual-info span {
    display: block;

    margin-bottom: 5px;

    color: #707070;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;
}

.men-visual-info strong {
    color: #fff;

    font-size: 13px;
}


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

.men-intro {
    padding: 120px 0;

    background: #151719;
}

.men-intro-grid {
    display: grid;

    grid-template-columns:
        150px 1fr;

    gap: 55px;
}

.men-intro-number {
    color:
        rgba(212,175,55,.18);

    font-size: 82px;

    font-weight: 900;

    line-height: 1;
}

.men-intro-copy h2 {
    max-width: 900px;

    margin: 18px 0 26px;

    color: #fff;

    font-size:
        clamp(44px,5vw,72px);

    line-height: .98;

    letter-spacing: -2px;
}

.men-intro-copy h2 span {
    display: block;

    color: var(--primary);
}

.men-intro-copy p {
    max-width: 720px;

    margin: 0 0 17px;

    color: #969696;

    font-size: 15px;

    line-height: 1.85;
}


/* =========================
   HİZMETLER
========================= */

.men-services {
    padding: 120px 0;

    background: #0e1011;

    border-top:
        1px solid rgba(212,175,55,.18);

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.men-services-grid {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 12px;

    margin-top: 55px;
}

.men-service-card {
    min-height: 290px;

    padding: 27px;

    display: flex;

    flex-direction: column;

    background:
        linear-gradient(
            150deg,
            #1e2123,
            #141617
        );

    border:
        1px solid rgba(255,255,255,.06);

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.men-service-card:hover {
    transform:
        translateY(-6px);

    border-color:
        rgba(212,175,55,.65);

    background:
        linear-gradient(
            150deg,
            #242729,
            #17191b
        );
}

.men-service-number {
    color: var(--primary);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;
}

.men-service-line {
    width: 35px;

    height: 1px;

    margin-top: 22px;

    background: var(--primary);

    transition: width .3s ease;
}

.men-service-card:hover
.men-service-line {
    width: 70px;
}

.men-service-card h3 {
    margin: auto 0 12px;

    color: #fff;

    font-size: 19px;
}

.men-service-card p {
    margin: 0;

    color: #858585;

    font-size: 12px;

    line-height: 1.75;
}


/* =========================
   PERFORMANS
========================= */

.men-performance {
    padding: 120px 0;

    background: #151719;
}

.men-performance-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: center;
}

.men-performance-copy h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(46px,5vw,74px);

    line-height: .95;

    letter-spacing: -3px;
}

.men-performance-copy h2 span {
    display: block;

    color: var(--primary);
}

.men-performance-copy p {
    max-width: 600px;

    margin: 0 0 32px;

    color: #969696;

    font-size: 15px;

    line-height: 1.85;
}

.men-performance-stats {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;
}

.men-performance-stats div {
    min-height: 190px;

    padding: 25px;

    display: flex;

    flex-direction: column;

    background: #1b1e20;

    border:
        1px solid rgba(212,175,55,.28);
}

.men-performance-stats span {
    color: var(--primary);

    font-size: 9px;

    font-weight: 800;
}

.men-performance-stats strong {
    margin-top: auto;

    color: #fff;

    font-size: 20px;

    letter-spacing: 1px;
}

.men-performance-stats p {
    margin: 6px 0 0;

    color: #777;

    font-size: 11px;
}


/* =========================
   PAKET YÖNLENDİRME
========================= */

.men-packages-section {
    padding: 120px 0;

    background: #0e1011;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.men-packages-grid {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 16px;

    margin-top: 55px;
}

.men-package-card {
    position: relative;

    min-height: 420px;

    padding: 35px;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    text-decoration: none;

    background:
        linear-gradient(
            145deg,
            #202326,
            #141617
        );

    border:
        1px solid rgba(212,175,55,.34);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.men-package-card::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -160px;
    top: -160px;

    border-radius: 50%;

    background:
        rgba(212,175,55,.055);
}

.men-package-card:hover {
    transform: translateY(-6px);

    border-color: var(--primary);

    box-shadow:
        0 35px 80px rgba(0,0,0,.3);
}

.men-package-index {
    position: relative;
    z-index: 2;

    color:
        rgba(212,175,55,.65);

    font-size: 10px;

    font-weight: 800;
}

.men-package-label {
    position: relative;
    z-index: 2;

    margin-top: auto;

    margin-bottom: 14px;

    color: #777;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.6px;
}

.men-package-card h3 {
    position: relative;

    z-index: 2;

    margin: 0;

    color: #fff;

    font-size:
        clamp(36px,4vw,56px);

    line-height: .95;

    letter-spacing: -2px;
}

.men-package-card h3 span {
    display: block;

    color: var(--primary);
}

.men-package-card p {
    position: relative;

    z-index: 2;

    max-width: 520px;

    margin: 20px 0 25px;

    color: #8d8d8d;

    font-size: 13px;

    line-height: 1.75;
}

.men-package-card strong {
    position: relative;

    z-index: 2;

    color: #fff;

    font-size: 9px;

    letter-spacing: 1.5px;
}

.men-package-card:hover strong {
    color: var(--primary);
}


/* =========================
   CTA
========================= */

.men-cta {
    padding: 130px 0;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(212,175,55,.08),
            transparent 32%
        ),
        #151719;

    border-top:
        1px solid rgba(212,175,55,.18);
}

.men-cta-inner {
    max-width: 1000px;
}

.men-cta h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(52px,7vw,90px);

    line-height: .91;

    letter-spacing: -4px;
}

.men-cta h2 span {
    display: block;

    color: var(--primary);
}

.men-cta p {
    max-width: 620px;

    margin: 0;

    color: #999;

    font-size: 15px;

    line-height: 1.8;
}

.men-cta-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 36px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1050px) {

    .men-hero-grid {
        grid-template-columns: 1fr;
    }

    .men-services-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .men-hero-visual {
        min-height: 500px;
    }

}


@media (max-width: 800px) {

    .men-intro-grid,
    .men-performance-grid {
        grid-template-columns: 1fr;

        gap: 35px;
    }

    .men-packages-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 600px) {

    .men-hero,
    .men-intro,
    .men-services,
    .men-performance,
    .men-packages-section,
    .men-cta {
        padding: 80px 0;
    }

    .men-hero h1 {
        font-size: 54px;

        letter-spacing: -3px;
    }

    .men-services-grid,
    .men-performance-stats {
        grid-template-columns: 1fr;
    }

    .men-hero-visual {
        min-height: 390px;
    }

    .men-visual-info {
        grid-template-columns: 1fr;
    }

    .men-visual-info div:last-child {
        text-align: left;
    }

    .men-package-card {
        min-height: 350px;
    }

}
/* =========================
   ERKEK HİZMET PAKETLERİ
========================= */

.men-service-packages-page {
    background: #111315;
}


/* HERO TONU */

.men-package-hero {
    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(212,175,55,.09),
            transparent 31%
        ),
        linear-gradient(
            125deg,
            #191c1e,
            #0d0f10
        );
}


/* =========================
   DENEYİM
========================= */

.men-service-experience {
    padding: 120px 0;

    background: #151719;

    border-top:
        1px solid rgba(212,175,55,.18);

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.men-service-experience-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 90px;

    align-items: center;
}

.men-service-experience-copy h2 {
    margin: 18px 0 25px;

    color: #fff;

    font-size:
        clamp(44px,5vw,72px);

    line-height: .96;

    letter-spacing: -3px;
}

.men-service-experience-copy h2 span {
    display: block;

    color: var(--primary);
}

.men-service-experience-copy p {
    max-width: 600px;

    margin: 0 0 17px;

    color: #969696;

    font-size: 14px;

    line-height: 1.85;
}


/* SAĞ LİSTE */

.men-service-experience-list {
    border-top:
        1px solid rgba(212,175,55,.25);
}

.men-service-experience-list > div {
    min-height: 115px;

    padding: 22px 0;

    display: grid;

    grid-template-columns:
        65px 1fr;

    gap: 20px;

    align-items: center;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}

.men-service-experience-list > div > span {
    color: var(--primary);

    font-size: 10px;

    font-weight: 800;
}

.men-service-experience-list strong {
    display: block;

    margin-bottom: 6px;

    color: #fff;

    font-size: 18px;
}

.men-service-experience-list p {
    margin: 0;

    color: #777;

    font-size: 12px;
}


/* =========================
   TEK ÜYELİK YÖNLENDİRME
========================= */

.men-single-package-nav {
    margin-top: 45px;
}

.men-single-package-card {
    min-height: 230px;

    padding: 35px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    overflow: hidden;

    position: relative;

    color: #fff;

    text-decoration: none;

    background:
        linear-gradient(
            140deg,
            #202326,
            #131516
        );

    border:
        1px solid rgba(212,175,55,.35);

    transition:
        border-color .3s ease,
        transform .3s ease,
        background .3s ease;
}

.men-single-package-card::after {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    right: -160px;
    top: -160px;

    border-radius: 50%;

    background:
        rgba(212,175,55,.055);
}

.men-single-package-card:hover {
    transform: translateY(-5px);

    border-color: var(--primary);

    background:
        linear-gradient(
            140deg,
            #242729,
            #161819
        );
}

.men-single-package-card > div {
    position: relative;

    z-index: 2;
}

.men-single-package-card span {
    display: block;

    margin-bottom: 15px;

    color: #777;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.men-single-package-card h3 {
    margin: 0;

    color: #fff;

    font-size:
        clamp(35px,5vw,60px);

    line-height: .95;

    letter-spacing: -2px;
}

.men-single-package-card h3 strong {
    display: block;

    color: var(--primary);

    font-weight: inherit;
}

.men-single-package-arrow {
    flex-shrink: 0;

    color: var(--primary);

    font-size: 45px;

    transition:
        transform .3s ease;
}

.men-single-package-card:hover
.men-single-package-arrow {
    transform: translateX(8px);
}


/* CTA */

.men-service-cta {
    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(212,175,55,.07),
            transparent 35%
        ),
        #0f1112;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 800px) {

    .men-service-experience-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

}


@media (max-width: 600px) {

    .men-service-experience {
        padding: 80px 0;
    }

    .men-single-package-card {
        min-height: 190px;

        padding: 25px;
    }

    .men-single-package-arrow {
        font-size: 30px;
    }

}
/* =========================
   ERKEK ÜYELİK PAKETLERİ
========================= */

.men-membership-page {
    background: #111315;
}

.men-membership-hero {
    background:
        radial-gradient(
            circle at 80% 38%,
            rgba(212,175,55,.09),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #191c1e,
            #0d0f10
        );
}


/* =========================
   ÜYELİK DENEYİMİ
========================= */

.men-membership-experience {
    padding: 120px 0;

    background: #151719;

    border-top:
        1px solid rgba(212,175,55,.18);

    border-bottom:
        1px solid rgba(212,175,55,.18);
}

.men-membership-experience-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: center;
}

.men-membership-copy h2 {
    margin: 18px 0 26px;

    color: #fff;

    font-size:
        clamp(44px,5vw,72px);

    line-height: .96;

    letter-spacing: -3px;
}

.men-membership-copy h2 span {
    display: block;

    color: var(--primary);
}

.men-membership-copy p {
    max-width: 600px;

    margin: 0 0 17px;

    color: #969696;

    font-size: 14px;

    line-height: 1.85;
}


/* SAĞ KARTLAR */

.men-membership-features {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;
}

.men-membership-features div {
    min-height: 180px;

    padding: 25px;

    display: flex;

    flex-direction: column;

    background: #1b1e20;

    border:
        1px solid rgba(212,175,55,.3);
}

.men-membership-features span {
    color: var(--primary);

    font-size: 9px;

    font-weight: 800;
}

.men-membership-features strong {
    margin-top: auto;

    color: #fff;

    font-size: 19px;

    letter-spacing: 1px;
}

.men-membership-features p {
    margin: 6px 0 0;

    color: #777;

    font-size: 11px;
}


/* CTA */

.men-membership-cta {
    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(212,175,55,.08),
            transparent 35%
        ),
        #0f1112;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 800px) {

    .men-membership-experience-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

}


@media (max-width: 600px) {

    .men-membership-experience {
        padding: 80px 0;
    }

    .men-membership-features {
        grid-template-columns: 1fr;
    }

}
/* =========================
   İLETİŞİM SAYFASI
========================= */

.contact-page {
    background: #151719;
}

.contact-section {
    padding: 110px 0 130px;
    background: #151719;
}


/* =========================
   BAŞLIK
========================= */

.contact-heading {
    max-width: 760px;
    margin-bottom: 55px;
}
/* =========================================================
   İLETİŞİM SAYFASI - FINAL CSS
   Anadolu Olimpik
========================================================= */

.contact-page {
    background: #151719;
    color: #f5f3ed;
}

.contact-section {
    padding: 90px 0 120px;
}

.contact-page .container {
    width: min(1280px, calc(100% - 48px));
    max-width: 1280px;
    margin: 0 auto;
}


/* =========================================================
   ÜST BAŞLIK
========================================================= */

.contact-heading {
    max-width: 820px;
    margin-bottom: 55px;
}

.contact-badge {
    display: inline-flex;
    align-items: center;

    margin-bottom: 20px;
    padding: 8px 13px;

    color: #d4af37;

    border: 1px solid rgba(212,175,55,.6);
    border-radius: 3px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.contact-heading h1 {
    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(52px, 6vw, 82px);
    line-height: .95;

    font-weight: 900;
    letter-spacing: -4px;
}

.contact-heading p {
    max-width: 760px;

    margin: 0;

    color: #b7b09d;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   ANA GRID
========================================================= */

.contact-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(390px, .92fr);

    gap: 38px;

    align-items: start;
}


/* =========================================================
   SOL TARAF
========================================================= */

.contact-left {
    min-width: 0;
}

.contact-info-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 16px;
}

.contact-info-card {
    display: block;

    min-height: 178px;

    padding: 25px 24px;

    background: #202326;

    border: 1px solid rgba(212,175,55,.55);
    border-radius: 5px;

    color: inherit;
    text-decoration: none;

    box-sizing: border-box;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

a.contact-info-card:hover {
    transform: translateY(-4px);

    border-color: #d4af37;

    background: #25282a;
}

.contact-info-label {
    display: block;

    margin-bottom: 14px;

    color: #e6dfcc;

    font-size: 10px;
    line-height: 1.3;

    font-weight: 900;
    letter-spacing: .7px;
}

.contact-info-card strong {
    display: block;

    margin-bottom: 11px;

    color: #fff;

    font-size: 18px;
    line-height: 1.3;

    font-weight: 800;
}

.contact-info-card p {
    margin: 0;

    color: #9f9f9f;

    font-size: 12px;
    line-height: 1.7;
}

.contact-card-action {
    display: inline-block;

    margin-top: 17px;

    color: #d4af37;

    font-size: 10px;
    line-height: 1;

    font-weight: 900;
    letter-spacing: .9px;
}


/* =========================================================
   HARİTA
========================================================= */

.contact-map-card {
    overflow: hidden;

    margin-top: 20px;

    background: #191b1d;

    border: 1px solid rgba(212,175,55,.55);
    border-radius: 5px;
}

.contact-map-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 58px;

    padding: 0 22px;

    gap: 20px;

    background: #181a1c;

    border-bottom: 1px solid rgba(212,175,55,.3);
}

.contact-map-header strong {
    color: #fff;

    font-size: 11px;

    font-weight: 800;
    letter-spacing: .5px;
}

.contact-map-header a {
    color: #d4af37;

    font-size: 10px;

    font-weight: 900;
    letter-spacing: .8px;

    text-decoration: none;
}

.contact-map-header a:hover {
    color: #fff;
}

.contact-map-real {
    width: 100%;
    height: 390px;

    background: #111315;
}

.contact-map-real iframe {
    display: block;

    width: 100%;
    height: 390px;

    border: 0;

    filter:
        grayscale(.75)
        brightness(.84)
        contrast(1.05);
}


/* =========================================================
   FORM KARTI
========================================================= */

.contact-form-card {
    padding: 40px;

    background: #202326;

    border: 1px solid rgba(255,255,255,.03);
    border-radius: 7px;

    box-shadow:
        0 30px 80px rgba(0,0,0,.25);
}

.contact-form-heading {
    margin-bottom: 32px;
}

.contact-form-small-title {
    display: block;

    margin-bottom: 9px;

    color: #f2eee3;

    font-size: 11px;

    font-weight: 800;
    letter-spacing: .8px;
}

.contact-form-heading h2 {
    margin: 0 0 15px;

    color: #fff;

    font-size: clamp(32px,3vw,44px);
    line-height: 1;

    font-weight: 900;
    letter-spacing: -2px;
}

.contact-form-heading h2 span {
    color: #d4af37;
}

.contact-form-heading p {
    max-width: 500px;

    margin: 0;

    color: #aaa38f;

    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   FORM
========================================================= */

.contact-form {
    display: flex;

    flex-direction: column;

    gap: 20px;
}

.contact-form-row {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 14px;
}

.contact-form-group {
    width: 100%;
}

.contact-form label {
    display: block;

    margin-bottom: 9px;

    color: #fff;

    font-size: 10px;

    font-weight: 900;
    letter-spacing: .5px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    display: block;

    width: 100%;

    margin: 0;

    padding: 15px 16px;

    color: #fff;

    background: #292d29;

    border: 1px solid rgba(212,175,55,.75);
    border-radius: 4px;

    outline: none;

    box-shadow: none;

    font-family: inherit;
    font-size: 13px;

    box-sizing: border-box;
}

.contact-form input,
.contact-form select {
    min-height: 52px;
}

.contact-form textarea {
    min-height: 170px;

    resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #aaa;
}

.contact-form select {
    color: #fff;
}

.contact-form select option {
    color: #fff;

    background: #202326;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    border-color: #d4af37;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.08);
}


/* =========================================================
   BUTON
========================================================= */

.contact-submit {
    display: flex;

    width: 100%;
    min-height: 58px;

    align-items: center;
    justify-content: center;

    padding: 16px 24px;

    color: #111315;

    background: #d4af37;

    border: 0;
    border-radius: 4px;

    cursor: pointer;

    font-family: inherit;

    font-size: 11px;

    font-weight: 900;
    letter-spacing: .7px;

    transition:
        transform .2s ease,
        filter .2s ease;
}

.contact-submit:hover {
    transform: translateY(-2px);

    filter: brightness(1.08);
}


/* =========================================================
   GİZLİLİK
========================================================= */

.contact-privacy {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 2px;
}

.contact-privacy span {
    color: #d4af37;

    font-size: 12px;
}

.contact-privacy p {
    margin: 0;

    color: #817d71;

    font-size: 9px;
    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .contact-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 650px) {

    .contact-section {
        padding: 65px 0 80px;
    }

    .contact-page .container {
        width: calc(100% - 32px);
    }

    .contact-heading {
        margin-bottom: 38px;
    }

    .contact-heading h1 {
        font-size: 48px;

        letter-spacing: -3px;
    }

    .contact-heading p {
        font-size: 13px;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }

    .contact-info-card {
        min-height: auto;

        padding: 22px;
    }

    .contact-form-card {
        padding: 27px 20px;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
    }

    .contact-map-header {
        min-height: auto;

        padding: 16px;

        align-items: flex-start;
        flex-direction: column;

        gap: 7px;
    }

    .contact-map-real,
    .contact-map-real iframe {
        height: 320px;
    }

}
/* =========================================================
   İLETİŞİM SAYFASI - PREMIUM FINAL DESIGN
========================================================= */

body .contact-page {
    background: #151719;
}


/* =========================================================
   SAYFA GENEL
========================================================= */

body .contact-page .contact-section {
    padding: 90px 0 130px;
}

body .contact-page .container {
    width: min(1320px, calc(100% - 48px));
    max-width: 1320px;
    margin: 0 auto;
}


/* =========================================================
   BAŞLIK
========================================================= */

body .contact-page .contact-heading {
    max-width: 780px;
    margin-bottom: 55px;
}

body .contact-page .contact-badge {
    display: inline-flex;
    align-items: center;

    margin-bottom: 18px;
    padding: 8px 13px;

    color: #d4af37;

    background: rgba(212,175,55,.035);

    border: 1px solid rgba(212,175,55,.45);
    border-radius: 3px;

    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

body .contact-page .contact-heading h1 {
    margin: 0 0 19px;

    color: #fff;

    font-size: clamp(54px, 6vw, 82px);
    line-height: .92;

    font-weight: 900;
    letter-spacing: -4px;
}

body .contact-page .contact-heading p {
    max-width: 720px;

    margin: 0;

    color: #aca99f;

    font-size: 14px;
    line-height: 1.85;
}


/* =========================================================
   ANA LAYOUT
========================================================= */

body .contact-page .contact-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(430px, .85fr);

    gap: 34px;

    align-items: start;
}

body .contact-page .contact-left {
    min-width: 0;
}


/* =========================================================
   4'LÜ KART ALANI
========================================================= */

body .contact-page .contact-info-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;
}


/* ANA KART */

body .contact-page .contact-info-card {
    position: relative;

    display: block;

    min-height: 190px;

    padding: 25px 25px 23px;

    overflow: hidden;

    color: #fff;

    background: #1e2123;

    border: 1px solid rgba(212,175,55,.45);
    border-radius: 4px;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* ÜSTTE ALTIN VURGU */

body .contact-page .contact-info-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 24px;

    width: 52px;
    height: 2px;

    background: #d4af37;
}


/* HOVER */

body .contact-page .contact-info-card:hover {
    transform: translateY(-4px);

    background: #222527;

    border-color: rgba(212,175,55,.8);

    box-shadow:
        0 18px 40px rgba(0,0,0,.18);
}


/* =========================================================
   KADIN / ERKEK KARTLARI
========================================================= */

body .contact-page .contact-section-card {
    min-height: 240px;
}

body .contact-page .contact-section-card .contact-info-label {
    display: block;

    margin: 0 0 18px;

    color: #d4af37;

    font-size: 11px;
    line-height: 1.2;

    font-weight: 900;
    letter-spacing: 1.2px;
}


/* TELEFON + SAAT ALT ALTA */

body .contact-page .contact-section-row {
    display: block !important;

    margin: 0 0 18px;
}

body .contact-page .contact-detail-item {
    width: 100%;

    padding: 14px 0;

    border-top:
        1px solid rgba(255,255,255,.075);
}


/* SON SATIR ALT ÇİZGİ */

body .contact-page .contact-detail-item:last-child {
    border-bottom:
        1px solid rgba(255,255,255,.075);
}


/* TELEFON / SAAT BAŞLIK */

body .contact-page .contact-detail-title {
    display: block;

    margin-bottom: 7px;

    color: #8f918d;

    font-size: 9px;
    line-height: 1.2;

    font-weight: 900;
    letter-spacing: .9px;
}


/* TELEFON / SAAT DEĞERİ */

body .contact-page .contact-detail-value,
body .contact-page a.contact-detail-value,
body .contact-page a.contact-detail-value:link,
body .contact-page a.contact-detail-value:visited {
    display: block;

    width: 100%;

    color: #ffffff !important;

    font-size: 17px;
    line-height: 1.3;

    font-weight: 850;

    text-decoration: none !important;
}

body .contact-page a.contact-detail-value:hover {
    color: #d4af37 !important;
}


/* =========================================================
   ADRES / E-POSTA
========================================================= */

body .contact-page .contact-bottom-card {
    min-height: 200px;
}

body .contact-page .contact-bottom-card .contact-info-label {
    display: block;

    margin-bottom: 15px;

    color: #d4af37;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 1px;
}

body .contact-page .contact-bottom-card strong {
    display: block;

    margin-bottom: 11px;

    color: #fff;

    font-size: 17px;
    line-height: 1.3;

    font-weight: 850;
}

body .contact-page .contact-bottom-card p {
    margin: 0;

    max-width: 95%;

    color: #9b9c98;

    font-size: 11px;
    line-height: 1.75;
}


/* EMAIL */

body .contact-page .contact-email-main,
body .contact-page .contact-email-main:link,
body .contact-page .contact-email-main:visited {
    display: block;

    margin-bottom: 11px;

    color: #ffffff !important;

    font-size: 17px;
    line-height: 1.3;

    font-weight: 850;

    text-decoration: none !important;

    word-break: break-word;
}

body .contact-page .contact-email-main:hover {
    color: #d4af37 !important;
}


/* =========================================================
   ALT AKSİYONLAR
========================================================= */

body .contact-page .contact-card-action,
body .contact-page .contact-card-action:link,
body .contact-page .contact-card-action:visited {
    display: inline-block;

    margin-top: 16px;

    color: #d4af37 !important;

    font-size: 9px;
    line-height: 1;

    font-weight: 900;
    letter-spacing: 1px;

    text-decoration: none !important;
}

body .contact-page .contact-card-action:hover {
    color: #ffffff !important;
}


/* =========================================================
   HARİTA
========================================================= */

body .contact-page .contact-map-card {
    overflow: hidden;

    margin-top: 18px;

    background: #1d2022;

    border: 1px solid rgba(212,175,55,.45);
    border-radius: 4px;
}

body .contact-page .contact-map-header {
    display: flex;

    min-height: 58px;

    align-items: center;
    justify-content: space-between;

    padding: 0 22px;

    gap: 20px;

    background: #181a1b;

    border-bottom:
        1px solid rgba(212,175,55,.2);
}

body .contact-page .contact-map-header strong {
    color: #fff;

    font-size: 10px;

    font-weight: 900;
    letter-spacing: .8px;
}

body .contact-page .contact-map-header a,
body .contact-page .contact-map-header a:visited {
    color: #d4af37 !important;

    font-size: 9px;

    font-weight: 900;
    letter-spacing: 1px;

    text-decoration: none !important;
}

body .contact-page .contact-map-header a:hover {
    color: #fff !important;
}

body .contact-page .contact-map-real,
body .contact-page .contact-map-real iframe {
    display: block;

    width: 100%;
    height: 390px;

    border: 0;
}

body .contact-page .contact-map-real iframe {
    filter:
        grayscale(.78)
        brightness(.84)
        contrast(1.04);
}


/* =========================================================
   FORM
========================================================= */

body .contact-page .contact-form-card {
    padding: 40px 38px;

    background: #1e2123;

    border:
        1px solid rgba(255,255,255,.035);

    border-radius: 5px;

    box-shadow:
        0 28px 65px rgba(0,0,0,.22);
}

body .contact-page .contact-form-heading {
    margin-bottom: 31px;
}

body .contact-page .contact-form-small-title {
    display: block;

    margin-bottom: 9px;

    color: #d4af37;

    font-size: 9px;

    font-weight: 900;
    letter-spacing: 1.2px;
}

body .contact-page .contact-form-heading h2 {
    margin: 0 0 15px;

    color: #fff;

    font-size: clamp(31px,3vw,42px);
    line-height: 1;

    font-weight: 900;

    letter-spacing: -2px;
}

body .contact-page .contact-form-heading h2 span {
    color: #d4af37;
}

body .contact-page .contact-form-heading p {
    margin: 0;

    color: #99988f;

    font-size: 11px;
    line-height: 1.7;
}


/* FORM DÜZENİ */

body .contact-page .contact-form {
    display: flex;

    flex-direction: column;

    gap: 19px;
}

body .contact-page .contact-form-row {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 12px;
}

body .contact-page .contact-form-group {
    width: 100%;
}

body .contact-page .contact-form label {
    display: block;

    margin-bottom: 8px;

    color: #deddd8;

    font-size: 9px;

    font-weight: 900;
    letter-spacing: .6px;
}


/* INPUT */

body .contact-page .contact-form input,
body .contact-page .contact-form select,
body .contact-page .contact-form textarea {
    width: 100%;

    margin: 0;

    padding: 14px 15px;

    color: #fff;

    background: #282b28;

    border:
        1px solid rgba(212,175,55,.55);

    border-radius: 3px;

    outline: 0;

    box-sizing: border-box;

    font-family: inherit;
    font-size: 12px;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

body .contact-page .contact-form input,
body .contact-page .contact-form select {
    min-height: 50px;
}

body .contact-page .contact-form textarea {
    min-height: 160px;

    resize: vertical;
}

body .contact-page .contact-form input:focus,
body .contact-page .contact-form select:focus,
body .contact-page .contact-form textarea:focus {
    background: #2b2e2a;

    border-color: #d4af37;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.07);
}


/* =========================================================
   GÖNDER BUTONU
========================================================= */

body .contact-page .contact-submit {
    display: flex;

    width: 100%;

    min-height: 56px;

    align-items: center;
    justify-content: center;

    padding: 16px 20px;

    color: #111;

    background: #d4af37;

    border: 0;
    border-radius: 3px;

    cursor: pointer;

    font-size: 10px;

    font-weight: 950;
    letter-spacing: 1px;

    transition:
        transform .2s ease,
        filter .2s ease;
}

body .contact-page .contact-submit:hover {
    transform: translateY(-2px);

    filter: brightness(1.08);
}


/* =========================================================
   GİZLİLİK
========================================================= */

body .contact-page .contact-privacy {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;
}

body .contact-page .contact-privacy p {
    margin: 0;

    color: #777970;

    font-size: 8px;
    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1180px) {

    body .contact-page .contact-layout {
        grid-template-columns: 1fr;
    }

    body .contact-page .contact-form-card {
        width: 100%;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 700px) {

    body .contact-page .contact-section {
        padding: 65px 0 80px;
    }

    body .contact-page .container {
        width: calc(100% - 30px);
    }

    body .contact-page .contact-heading {
        margin-bottom: 38px;
    }

    body .contact-page .contact-heading h1 {
        font-size: 48px;

        letter-spacing: -3px;
    }

    body .contact-page .contact-info-grid {
        grid-template-columns: 1fr;
    }

    body .contact-page .contact-info-card {
        min-height: auto;

        padding: 23px 20px;
    }

    body .contact-page .contact-section-card {
        min-height: auto;
    }

    body .contact-page .contact-bottom-card {
        min-height: auto;
    }

    body .contact-page .contact-form-card {
        padding: 28px 20px;
    }

    body .contact-page .contact-form-row {
        grid-template-columns: 1fr;
    }

    body .contact-page .contact-map-header {
        align-items: flex-start;
        flex-direction: column;

        min-height: auto;

        padding: 16px;

        gap: 8px;
    }

    body .contact-page .contact-map-real,
    body .contact-page .contact-map-real iframe {
        height: 320px;
    }

}
/* =====================================================
   RESTORATION: shared navigation and standalone about hero
   Original theme rules above are preserved.
===================================================== */
.site-header { background:#142e2d; border-bottom-color:rgba(200,167,118,.28); }
.site-header .primary-menu > li > a { color:#f4eedf; }
.site-header .primary-menu > li > a:hover,
.site-header .primary-menu > li.current-menu-item > a { color:#d8bc91; }
.site-header .primary-menu .sub-menu { background:#fbf8f0; border-color:#ddd5c5; }
.site-header .primary-menu .sub-menu a { color:#29483c; }
.site-header .primary-menu .sub-menu a:hover { background:#ece7da; color:#29483c; }
.site-header .primary-menu li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:none; }
.site-header .mobile-menu-toggle { border-color:#bca47e; }
.site-header .mobile-menu-toggle span { background:#f3ead8; }
.site-header a:focus-visible,.site-header button:focus-visible,.site-footer a:focus-visible { outline:2px solid #c8a776; outline-offset:5px; }
.site-footer { background:#142e2d; border-top-color:rgba(200,167,118,.3); }
.site-footer .footer-logo-text { color:#f3ead8; }
.site-footer .footer-brand p,.site-footer .footer-location { color:#c2cec3; }
.site-footer .footer-title,.site-footer .footer-bottom span { color:#d8bc91; }
.site-footer .footer-column a { color:#d2dacf; }
.site-footer .footer-column a:hover { color:#e5c99f; }
.site-footer .footer-bottom p { color:#b7c6b9; }
#anadolu-home { flex:1; min-width:0; }
@media(max-width:1000px) {
 .site-header { backdrop-filter:none; -webkit-backdrop-filter:none; }
 .site-header .main-navigation { display:block; position:absolute; top:100%; height:auto; max-height:calc(100vh - 120px); max-height:calc(100dvh - 120px); background:#142e2d; }
 .site-header .primary-menu .sub-menu { background:transparent; }
 .site-header .primary-menu .sub-menu a { color:#d2dacf; }
 .site-header .primary-menu .sub-menu a:hover { background:#24463e; color:#f1dcc0; }
 .site-header .primary-menu li:focus-within > .sub-menu { display:block; }
}
@media(min-width:783px) { body.admin-bar .site-header { top:32px; } }
@media(min-width:601px) and (max-width:782px) { body.admin-bar .site-header { top:46px; } }

/* Self-contained about opening: no outer ID required. */
.av-elegant-hero,.av-elegant-hero * { box-sizing:border-box; }
.av-elegant-hero { width:100%; margin:0; padding:28px 0 60px; background:#f7f3e9; color:#214438; font-family:Arial,Helvetica,sans-serif; line-height:1.8; }
.av-elegant-hero .av-wrap { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.av-elegant-hero a { text-decoration:none; }
.av-elegant-hero a:focus-visible { outline:3px solid #a78249; outline-offset:5px; }
.av-elegant-hero .av-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:0 0 28px; padding:0; color:#657264; font-size:11px; }
.av-elegant-hero .av-breadcrumb a { color:#52644f; }
.av-elegant-hero .av-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.av-elegant-hero .av-elegant-panel { position:relative; isolation:isolate; padding:65px 35px 35px; text-align:center; background:radial-gradient(ellipse at 50% 0%,rgba(224,204,163,.35),transparent 70%),#f1ecdf; border:1px solid #d6cbb4; }
.av-elegant-hero .av-elegant-panel::before { content:""; position:absolute; inset:11px; border:1px solid rgba(163,138,95,.22); pointer-events:none; }
.av-elegant-hero .av-elegant-content { position:relative; max-width:800px; margin:0 auto; }
.av-elegant-hero .av-elegant-kicker { display:flex; align-items:center; justify-content:center; gap:17px; margin:0 0 24px; color:#746245; font-size:10px; font-weight:600; line-height:1.8; letter-spacing:2px; }
.av-elegant-hero .av-elegant-kicker::before,.av-elegant-hero .av-elegant-kicker::after { content:""; display:block; width:32px; height:1px; flex-shrink:0; background:#b59c72; }
.av-elegant-hero h1.av-elegant-title { margin:0; padding:0; color:#214438; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,4.6vw,64px); font-weight:400; line-height:1.15; letter-spacing:-2px; text-transform:none; }
.av-elegant-hero .av-elegant-title em { display:block; margin-top:8px; color:#88714f; font-family:inherit; font-size:inherit; font-weight:400; font-style:italic; }
.av-elegant-hero p.av-elegant-description { max-width:490px; margin:24px auto 0; padding:0; color:#5e6c60; font-size:14px; font-weight:400; line-height:1.95; }
.av-elegant-hero .av-elegant-actions { display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:29px; }
.av-elegant-hero .av-elegant-actions a.av-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; min-height:50px; padding:13px 23px; border:1px solid #173c34; border-radius:0; background:#173c34; color:#f8f1e3; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:600; line-height:1.6; letter-spacing:.7px; text-decoration:none; transition:background .2s,color .2s; }
.av-elegant-hero .av-elegant-actions a.av-button:hover { background:#31574a; border-color:#31574a; color:#fff8eb; }
.av-elegant-hero .av-elegant-actions a.av-elegant-outline { background:transparent; color:#294438; border-color:#a8997b; }
.av-elegant-hero .av-elegant-actions a.av-elegant-outline:hover { background:#e5dccb; border-color:#8a7858; color:#214438; }
.av-elegant-hero .av-arrow { display:inline-block; font-size:21px; line-height:1; }
.av-elegant-hero .av-elegant-foot { position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; width:fit-content; max-width:100%; margin:36px auto 0; padding:19px 12px 0; border-top:1px solid #d4c8b1; color:#6c6958; font-size:9px; line-height:1.8; letter-spacing:1.3px; }
.av-elegant-hero .av-elegant-dot { display:block; width:4px; height:4px; flex-shrink:0; border-radius:50%; background:#a68a5d; }
@media(max-width:650px) {
 .av-elegant-hero { padding:20px 0 35px; }
 .av-elegant-hero .av-wrap { width:calc(100% - 32px); }
 .av-elegant-hero .av-breadcrumb { margin-bottom:20px; font-size:10px; }
 .av-elegant-hero .av-elegant-panel { padding:40px 22px 28px; }
 .av-elegant-hero .av-elegant-panel::before { inset:7px; }
 .av-elegant-hero .av-elegant-kicker { gap:9px; margin-bottom:23px; font-size:8px; letter-spacing:1px; }
 .av-elegant-hero .av-elegant-kicker::before,.av-elegant-hero .av-elegant-kicker::after { width:15px; }
 .av-elegant-hero h1.av-elegant-title { font-size:clamp(30px,8vw,44px); line-height:1.18; letter-spacing:-1px; }
 .av-elegant-hero p.av-elegant-description { margin-top:21px; font-size:13px; line-height:1.9; }
 .av-elegant-hero .av-elegant-actions { flex-direction:column; gap:10px; margin-top:24px; }
 .av-elegant-hero .av-elegant-actions a.av-button { width:100%; min-height:48px; }
 .av-elegant-hero .av-elegant-foot { margin-top:27px; gap:9px; font-size:8px; letter-spacing:.6px; }
}
@media(prefers-reduced-motion:reduce) {
 .av-elegant-hero .av-elegant-actions a.av-button,.site-header *,.site-footer * { transition:none!important; }
}