:root {--gold: #c9a84c;--gold-light: #e2c97e;--gold-dark: #a07830;--red: #c0272d;--red-dark: #8b1a1e;--black: #0a0a0a;--black-2: #111111;--black-3: #1a1a1a;--white: #f5f2ee;--white-dim: rgba(245, 242, 238, 0.7);--pink: #c0272d}
*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box}
html {scroll-behavior: smooth}
img, svg {max-width: 100%}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}
body {background: var(--black);color: var(--white);font-family: "Montserrat", sans-serif;font-weight: 300;overflow-x: hidden;cursor: auto}
body.menu-open {overflow: hidden}
.cursor {position: fixed;width: 10px;height: 10px;background: var(--gold);border-radius: 50%;pointer-events: none;z-index: 11001;transform: translate(-50%, -50%);transition: transform .1s, background .18s ease;display: none}
.cursor.cursor-dot-dark {background: var(--black)}
.cursor-ring {position: fixed;width: 36px;height: 36px;border: 1px solid var(--gold);border-radius: 50%;pointer-events: none;z-index: 11000;transform: translate(-50%, -50%);transition: transform .18s ease, width .3s, height .3s, opacity .3s;opacity: .6;display: none}
body:hover .cursor {opacity: 1}
body.custom-cursor-enabled {cursor: none}
body.custom-cursor-enabled .cursor, body.custom-cursor-enabled .cursor-ring {display: block}
body.no-custom-cursor {cursor: auto !important}
body.no-custom-cursor .cursor, body.no-custom-cursor .cursor-ring {display: none !important;visibility: hidden !important}
#navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 100;display: flex;align-items: center;justify-content: space-between;padding: 28px 60px;background:var(--black);transition: background .4s, padding .4s}
#navbar.scrolled {background: rgba(10, 10, 10, .97);padding: 18px 60px;border-bottom: 1px solid rgba(201, 168, 76, .15)}
.nav-logo {display: flex;align-items: center;gap: 14px;text-decoration: none}
.nav-logo img {height: clamp(58px, 7vw, 96px);width: auto;filter: drop-shadow(0 0 8px rgba(201, 168, 76, .3))}
.nav-logo-text {font-family: "Cormorant Garamond", serif;font-size: 1.25rem;font-weight: 600;letter-spacing: .08em;color: var(--white)}
.nav-logo-text span {color: var(--gold)}
.nav-links {display: flex;align-items: center;gap: 32px;list-style: none}
.nav-links a {font-size: .72rem;letter-spacing: .18em;text-transform: uppercase;color: var(--white-dim);text-decoration: none;position: relative;padding-bottom: 4px;transition: color .3s}
.nav-links a::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: var(--gold);transition: width .35s ease}
.nav-links a:hover {color: var(--white)}
.nav-links a:hover::after {width: 100%}
.nav-cta {display: inline-flex;align-items: center;justify-content: center;min-height: 36px;padding: 10px 28px;border: 1px solid var(--gold);color: var(--gold) !important;font-size: .72rem !important;letter-spacing: .18em;line-height: 1;text-align: center;text-indent: .18em;transition: background .3s, color .3s !important}
.nav-cta:hover {background: var(--gold);color: var(--black) !important}
.nav-cta::after {display: none !important}
.nav-hamburger {display: none;flex-direction: column;justify-content: center;gap: 6px;width: 44px;height: 44px;cursor: none;position: relative;z-index: 101}
.nav-hamburger span {width: 26px;height: 1px;background: var(--white);transition: .3s}
.nav-hamburger.open span:nth-child(1) {transform: translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2) {opacity: 0}
.nav-hamburger.open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg)}
#home {min-height: 100vh;min-height: 100svh;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 150px 0 120px}
.hero-bg {position: absolute;inset: 0;background: linear-gradient(90deg, rgba(10, 10, 10, .88) 0%, rgba(10, 10, 10, .62) 48%, rgba(10, 10, 10, .86) 100%), linear-gradient(180deg, rgba(10, 10, 10, .82) 0%, rgba(10, 10, 10, .34) 46%, rgba(10, 10, 10, .9) 100%), radial-gradient(ellipse 70% 60% at 50% 46%, rgba(201, 168, 76, .08) 0%, transparent 68%), url("../img/homepage.png");background-size: cover;background-position: center center;background-repeat: no-repeat}
.hero-grid {display: none;position: absolute;inset: 0;overflow: hidden;opacity: .18}
.hero-grid::before {content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(201, 168, 76, .4) 1px, transparent 1px), linear-gradient(90deg, rgba(201, 168, 76, .4) 1px, transparent 1px);background-size: 80px 80px;animation: gridShift 20s linear infinite}
@keyframes gridShift {
    from {transform: translateY(0)}
    to {transform: translateY(80px)}
}
.orb {position: absolute;border-radius: 50%;filter: blur(80px);pointer-events: none;animation: orbFloat 12s ease-in-out infinite}
.orb-1 {width: 400px;height: 400px;background: rgba(201, 168, 76, .07);top: 10%;right: 5%;animation-delay: 0s}
.orb-2 {width: 300px;height: 300px;background: rgba(192, 39, 45, .06);bottom: 15%;left: 5%;animation-delay: -5s}
.orb-3 {width: 200px;height: 200px;background: rgba(201, 168, 76, .05);top: 50%;left: 40%;animation-delay: -9s}
@keyframes orbFloat {
    0%, 100% {transform: translateY(0) scale(1)}
    50% {transform: translateY(-30px) scale(1.05)}
}
.hero-content {position: relative;z-index: 2;text-align: center;max-width: 900px;padding: 0 40px}
.hero-eyebrow {font-size: .68rem;letter-spacing: .35em;text-transform: uppercase;color: var(--gold);margin-bottom: 28px;opacity: 0;animation: fadeUp .8s .3s forwards;display: flex;align-items: center;justify-content: center;gap: 16px}
.hero-eyebrow::before, .hero-eyebrow::after {content: "";width: 40px;height: 1px;background: var(--gold);opacity: .5}
.hero-title {font-family: "Cormorant Garamond", serif;font-size: clamp(3rem, 8vw, 7rem);font-weight: 300;line-height: 1.05;letter-spacing: -.01em;opacity: 0;animation: fadeUp .9s .5s forwards}
.hero-title em {font-style: italic;color: var(--gold);display: block}
.hero-subtitle {font-size: .85rem;letter-spacing: .12em;color: var(--white-dim);max-width: 480px;margin: 32px auto 0;line-height: 1.8;opacity: 0;animation: fadeUp .9s .75s forwards}
.hero-actions {display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: 52px;opacity: 0;animation: fadeUp .9s .95s forwards}
.btn-primary {padding: 16px 44px;background: var(--gold);color: var(--black);font-size: .72rem;letter-spacing: .2em;text-transform: uppercase;text-decoration: none;font-weight: 500;position: relative;overflow: hidden;transition: transform .3s, box-shadow .3s;display: inline-flex;align-items: center;justify-content: center;min-height: 52px;text-align: center}
.btn-primary::before {content: "";position: absolute;inset: 0;background: var(--gold-light);transform: translateX(-101%);transition: transform .4s ease}
.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 16px 40px rgba(201, 168, 76, .25)}
.btn-primary:hover::before {transform: translateX(0)}
.btn-primary span {position: relative;z-index: 1}
.btn-ghost {padding: 16px 44px;border: 1px solid rgba(245, 242, 238, .2);color: var(--white-dim);font-size: .72rem;letter-spacing: .2em;text-transform: uppercase;text-decoration: none;font-weight: 400;transition: border-color .3s, color .3s, transform .3s;display: inline-flex;align-items: center;justify-content: center;min-height: 52px;text-align: center}
.btn-ghost:hover {border-color: var(--white);color: var(--white);transform: translateY(-2px)}
.hero-scroll {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 8px;opacity: 0;animation: fadeUp .9s 1.2s forwards}
.hero-scroll span {font-size: .6rem;letter-spacing: .25em;color: var(--gold);text-transform: uppercase}
.scroll-line {width: 1px;height: 50px;background: linear-gradient(to bottom, var(--gold), transparent);animation: scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse {
    0%, 100% {opacity: .4;transform: scaleY(1)}
    50% {opacity: 1;transform: scaleY(.7)}
}
section {padding: 120px 60px}
.section-tag {font-size: .65rem;letter-spacing: .3em;text-transform: uppercase;color: var(--gold);margin-bottom: 16px;display: flex;align-items: center;gap: 12px}
.section-tag::after {content: "";flex: 1;max-width: 60px;height: 1px;background: var(--gold);opacity: .4}
.section-title {font-family: "Cormorant Garamond", serif;font-size: clamp(2.1rem, 4vw, 3.6rem);font-weight: 300;line-height: 1.15;margin-bottom: 20px}
.section-title em {font-style: italic;color: var(--gold)}
.page-anchor {display: block;position: relative;top: -110px;height: 0;visibility: hidden}
.scroll-anchor {position: relative;top: -95px;height: 0;visibility: hidden}
.section-lead {color: var(--white-dim);font-size: .88rem;line-height: 1.9;max-width: 720px;margin: 0 0 48px}
#sluzby {background: var(--black-2);border-top: 1px solid rgba(201, 168, 76, .08);border-bottom: 1px solid rgba(201, 168, 76, .08)}
.services-inner {max-width: 1300px;margin: 0 auto}
.home-claim {max-width: 980px;margin: 0 auto 90px;padding: 42px 48px;border-top: 1px solid rgba(201, 168, 76, .18);border-bottom: 1px solid rgba(201, 168, 76, .18);text-align: center}
.home-claim p {font-family: "Cormorant Garamond", serif;font-size: clamp(1.5rem, 2.8vw, 2.25rem);line-height: 1.35;color: var(--white)}
.services-highlight-grid {display: grid;grid-template-columns:repeat(4, 1fr);gap: 1px;background: rgba(201, 168, 76, .08);margin: 0 0 70px}
.service-highlight, .service-card {background: var(--black-2);position: relative;transition: background .3s, transform .3s}
.service-highlight {padding: 34px 28px 36px;min-height: 330px}
.service-highlight:hover, .service-card:hover {background: #151515}
.service-num {font-family: "Cormorant Garamond", serif;font-size: 2.4rem;line-height: 1;color: rgba(201, 168, 76, .26);margin-bottom: 28px}
.service-highlight h3, .service-card h3 {font-family: "Cormorant Garamond", serif;font-size: 1.35rem;font-weight: 400;color: var(--gold);margin-bottom: 14px}
.service-highlight p, .service-card p {color: var(--white-dim);font-size: .8rem;line-height: 1.8}
.services-grid {display: grid;grid-template-columns:repeat(3, 1fr);gap: 1px;background: rgba(201, 168, 76, .08)}
.service-card {padding: 34px 30px 38px}
#o-nas {display: grid;grid-template-columns:1fr 1fr;gap: 100px;align-items: center;max-width: 1300px;margin: 0 auto;padding: 120px 60px 60px}
.makleri-section {padding-top: 60px}
.about-visual {position: relative;aspect-ratio: 4/5}
.about-img-placeholder {width: 100%;height: 100%;object-fit: cover;display: block;border: 1px solid rgba(201, 168, 76, .12)}
.about-accent {position: absolute;bottom: -24px;right: -24px;width: 70%;height: 70%;border: 1px solid rgba(201, 168, 76, .15);z-index: -1}
.about-accent-2 {position: absolute;top: -16px;left: -16px;width: 40px;height: 40px;border-left: 2px solid var(--gold);border-top: 2px solid var(--gold)}
.about-accent-3 {position: absolute;bottom: -16px;right: -16px;width: 40px;height: 40px;border-right: 2px solid var(--gold);border-bottom: 2px solid var(--gold)}
.about-text p {color: var(--white-dim);line-height: 1.9;font-size: .88rem;margin-bottom: 20px}
.about-features {display: grid;grid-template-columns:1fr 1fr;gap: 16px;margin-top: 36px}
.about-feature {padding: 20px;border: 1px solid rgba(201, 168, 76, .1);transition: border-color .3s, background .3s;position: relative;overflow: hidden}
.about-feature::before {content: "";position: absolute;top: 0;left: 0;width: 2px;height: 0;background: var(--gold);transition: height .4s ease}
.about-feature:hover {border-color: rgba(201, 168, 76, .3);background: rgba(201, 168, 76, .03)}
.about-feature:hover::before {height: 100%}
.feature-icon, .kodex-icon {color: var(--gold)}
.feature-icon svg, .kodex-icon svg {display: block;fill: none;stroke: currentColor;stroke-width: 1.45;stroke-linecap: round;stroke-linejoin: round}
.feature-icon {width: 28px;height: 28px;margin-bottom: 14px}
.feature-icon svg {width: 28px;height: 28px}
.feature-title {font-size: .72rem;letter-spacing: .15em;text-transform: uppercase;color: var(--gold);margin-bottom: 6px}
.feature-desc {font-size: .78rem;color: var(--white-dim);line-height: 1.6}
#nabidka {background: var(--black-2);border-top: 1px solid rgba(201, 168, 76, .08);border-bottom: 1px solid rgba(201, 168, 76, .08)}
.nabidka-inner {max-width: 1300px;margin: 0 auto}
.nabidka-header {text-align: center;margin-bottom: 70px}
.properties-grid {display: grid;grid-template-columns:repeat(3, 1fr);gap: 1px;background: rgba(201, 168, 76, .08)}
.property-card {background: var(--black-2);position: relative;overflow: hidden;cursor: none;transition: transform .4s ease}
.property-card:hover {transform: scale(.99);z-index: 2}
.property-img {aspect-ratio: 4/3;background: linear-gradient(135deg, #151210 0%, #1e1a14 100%);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden}
.property-img::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(10, 10, 10, .9) 0%, transparent 50%)}
.property-img-label {font-family: "Cormorant Garamond", serif;font-size: .9rem;color: rgba(201, 168, 76, .25);letter-spacing: .1em;z-index: 1}
.property-overlay {position: absolute;inset: 0;background: rgba(192, 39, 45, .0);transition: background .4s;z-index: 3}
.property-card:hover .property-overlay {background: rgba(192, 39, 45, .04)}
.property-info {padding: 28px 28px 32px}
.property-tag {font-size: .6rem;letter-spacing: .25em;text-transform: uppercase;color: var(--gold);margin-bottom: 10px}
.property-name {font-family: "Cormorant Garamond", serif;font-size: 1.4rem;font-weight: 400;color: var(--white);margin-bottom: 8px}
.property-location {font-size: .72rem;color: var(--white-dim);letter-spacing: .08em;margin-bottom: 20px}
.property-price {font-family: "Cormorant Garamond", serif;font-size: 1.8rem;font-weight: 300;color: var(--gold)}
.property-price span {font-family: "Montserrat", sans-serif;font-size: .65rem;color: var(--white-dim)}
.property-specs {display: flex;gap: 20px;margin-top: 16px;padding-top: 16px;border-top: 1px solid rgba(201, 168, 76, .1)}
.spec {font-size: .68rem;color: var(--white-dim);letter-spacing: .08em}
.spec strong {color: var(--white);display: block;font-size: .8rem;font-weight: 400}
.nabidka-cta {text-align: center;margin-top: 60px}
.brokers-layout {display: grid;grid-template-columns:minmax(0, 1fr) minmax(340px, 464px);gap: 80px;align-items: start}
.brokers-copy .section-title {margin-bottom: 20px}
.team-intro-text p {color: var(--white-dim);line-height: 1.9;font-size: .88rem;margin-bottom: 14px}
.brokers-slider {align-self: start;justify-self: end;width: 100%;max-width: 464px;margin-top: 33px}
.broker-track {position: relative;min-height: 890px;overflow: hidden;border: 1px solid rgba(201, 168, 76, .12)}
.broker-profile {background: linear-gradient(135deg, rgba(201, 168, 76, .04), rgba(245, 242, 238, .015));opacity: 0;visibility: hidden;position: absolute;inset: 0;transform: translateX(100%);transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .7s ease, visibility .7s ease;will-change: transform, opacity}
.broker-profile.prev {transform: translateX(-100%)}
.broker-profile.active {opacity: 1;visibility: visible;transform: translateX(0);z-index: 2}
.broker-photo {aspect-ratio: 16/10;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--black-3), #1e1a14);border-bottom: 1px solid rgba(201, 168, 76, .12);font-family: "Cormorant Garamond", serif;color: rgba(201, 168, 76, .42);font-size: 1.2rem;letter-spacing: .08em}
.broker-photo-img {overflow: hidden}
.broker-photo-img img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center}
.broker-content {padding: 26px 28px 28px}
.broker-name {margin: 0 0 12px;color: var(--white);font-family: "Cormorant Garamond", serif;font-size: 1.72rem;font-weight: 600;line-height: 1.1}
.broker-role {color: var(--gold);font-size: .63rem;letter-spacing: .15em;line-height: 1.62;text-transform: uppercase;margin-bottom: 16px}
.broker-content p {color: var(--white-dim);font-size: .8rem;line-height: 1.72;margin-bottom: 11px;text-align: justify;text-align-last: left;hyphens: auto}
.broker-tags {display: flex;flex-wrap: wrap;gap: 9px;margin-top: 17px}
.broker-tags span {border: 1px solid var(--gold);color: var(--white-dim);font-size: .58rem;letter-spacing: .09em;line-height: 1.5;text-transform: uppercase;padding: 7px 9px}
.broker-contact {display: grid;gap: 8px;margin-top: 18px;padding-top: 16px;border-top: 1px solid rgba(201, 168, 76, .16)}
.broker-contact a {display: grid;grid-template-columns:52px 1fr;gap: 12px;align-items: center;min-height: 38px;padding: 8px 11px;border: 1px solid rgba(201, 168, 76, .28);background: rgba(10, 10, 10, .28);color: var(--white-dim);text-decoration: none;font-size: .7rem;line-height: 1.45;transition: border-color .25s, background .25s, color .25s}
.broker-contact a span {color: var(--gold);font-size: .55rem;letter-spacing: .14em;line-height: 1;text-transform: uppercase}
.broker-contact a:hover {border-color: var(--gold);background: rgba(201, 168, 76, .08);color: var(--white)}
.broker-controls {display: flex;align-items: center;justify-content: center;gap: 15px;margin-top: 19px}
.broker-arrow {width: 39px;height: 39px;border: 1px solid rgba(201, 168, 76, .25);background: transparent;color: var(--gold);font-family: "Montserrat", sans-serif;cursor: none;transition: background .25s, border-color .25s, color .25s, transform .25s}
.broker-arrow span {display: block;font-size: 1rem;line-height: 1}
.broker-arrow:hover {background: var(--gold);border-color: var(--gold);color: var(--black);transform: translateY(-1px)}
.broker-dots {display: flex;align-items: center;justify-content: center;gap: 10px}
.broker-dots button {width: 9px;height: 9px;border: 1px solid rgba(201, 168, 76, .45);background: transparent;border-radius: 50%;padding: 0;cursor: none;transition: background .25s, transform .25s, border-color .25s}
.broker-dots button.active {background: var(--gold);border-color: var(--gold);transform: scale(1.2)}
.values-list {display: flex;flex-direction: column;gap: 0}
.value-item {display: flex;gap: 24px;align-items: flex-start;padding: 24px 0;border-bottom: 1px solid rgba(201, 168, 76, .08);transition: padding-left .3s}
.value-item:hover {padding-left: 8px}
.value-num {font-family: "Cormorant Garamond", serif;font-size: 2rem;color: rgba(201, 168, 76, .2);line-height: 1;flex-shrink: 0;width: 48px}
.value-content h4 {font-size: .72rem;letter-spacing: .15em;text-transform: uppercase;color: var(--gold);margin-bottom: 6px}
.value-content p {font-size: .8rem;color: var(--white-dim);line-height: 1.7}
#eticky-kodex {background: var(--black-3);border-top: 1px solid rgba(201, 168, 76, .08)}
.kodex-inner {max-width: 1000px;margin: 0 auto;text-align: center}
.kodex-inner .section-tag {justify-content: center}
.kodex-inner .section-tag::after {display: none}
.kodex-inner .section-tag::before {content: "";flex: 1;max-width: 60px;height: 1px;background: var(--gold);opacity: .4}
.kodex-inner .section-lead {margin: 0 auto 54px}
.kodex-list {display: grid;grid-template-columns:1fr;gap: 1px;background: rgba(201, 168, 76, .08);text-align: left}
.kodex-rule {display: grid;grid-template-columns:74px 1fr;gap: 28px;background: var(--black-3);padding: 30px 34px}
.kodex-rule span {font-family: "Cormorant Garamond", serif;font-size: 2.3rem;line-height: 1;color: rgba(201, 168, 76, .32)}
.kodex-rule h4 {font-family: "Cormorant Garamond", serif;font-size: 1.25rem;font-weight: 400;color: var(--gold);margin-bottom: 8px}
.kodex-rule p {color: var(--white-dim);font-size: .82rem;line-height: 1.8}
.kodex-grid {display: grid;grid-template-columns:1fr 1fr 1fr;gap: 1px;background: rgba(201, 168, 76, .08);margin-top: 60px}
.kodex-item {background: var(--black-3);padding: 40px 32px;text-align: center;transition: background .3s}
.kodex-item:hover {background: #111}
.kodex-icon {width: 36px;height: 36px;margin: 0 auto 18px}
.kodex-icon svg {width: 36px;height: 36px}
.kodex-item h4 {font-family: "Cormorant Garamond", serif;font-size: 1.2rem;color: var(--gold);margin-bottom: 12px}
.kodex-item p {font-size: .78rem;color: var(--white-dim);line-height: 1.8}
#kontakt {max-width: 1100px;margin: 0 auto;display: grid;grid-template-columns:1fr 1fr;gap: 80px;align-items: start;padding: 120px 60px}
.kontakt-info .section-title {margin-bottom: 32px}
.kontakt-lead {color: var(--white-dim);font-size: .86rem;line-height: 1.9;margin: -12px 0 36px}
.kontakt-details {display: flex;flex-direction: column;gap: 28px;margin-bottom: 40px}
.kontakt-detail {display: flex;gap: 20px;align-items: flex-start;padding-bottom: 28px;border-bottom: 1px solid rgba(201, 168, 76, .08)}
.kontakt-detail:last-child {border-bottom: none}
.detail-icon {color: var(--gold);font-size: 1.1rem;flex-shrink: 0;width: 24px;margin-top: 2px}
.detail-icon-phone {margin-top: 48px}
.detail-label {font-size: .62rem;letter-spacing: .2em;text-transform: uppercase;color: var(--gold);margin-bottom: 4px}
.detail-value {font-size: .88rem;color: var(--white);line-height: 1.6}
.detail-link {display: inline-block;text-decoration: none;transition: color .25s}
.detail-link:hover {color: var(--gold)}
.kontakt-form {display: flex;flex-direction: column;gap: 16px}
.form-hp {position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;pointer-events: none}
.form-group {position: relative}
.form-group input, .form-group textarea, .form-group select {width: 100%;padding: 16px 0;background: transparent;border: none;border-bottom: 1px solid rgba(245, 242, 238, .15);color: var(--white);font-family: "Montserrat", sans-serif;font-size: .82rem;letter-spacing: .05em;font-weight: 300;outline: none;transition: border-color .3s;appearance: none}
.form-group select option {background: var(--black-2);color: var(--white)}
.form-group input::placeholder, .form-group textarea::placeholder {color: rgba(245, 242, 238, .3)}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {border-bottom-color: var(--gold)}
.form-group textarea {resize: none;height: 100px}
.form-line {position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: var(--gold);transition: width .4s ease}
.form-group:focus-within .form-line {width: 100%}
.form-label {position: absolute;left: 0;top: 16px;font-size: .7rem;letter-spacing: .15em;text-transform: uppercase;color: rgba(245, 242, 238, .35);transition: .3s;pointer-events: none}
.form-group input:focus ~ .form-label, .form-group input:not(:placeholder-shown) ~ .form-label, .form-group textarea:focus ~ .form-label, .form-group textarea:not(:placeholder-shown) ~ .form-label {top: -12px;font-size: .6rem;color: var(--gold)}
.topic-options {border: none;display: grid;grid-template-columns:1fr 1fr;gap: 10px;margin: 6px 0 4px;padding: 0}
.topic-options legend {grid-column: 1/-1;font-size: .62rem;letter-spacing: .2em;text-transform: uppercase;color: var(--gold);margin-bottom: 6px}
.topic-options label {position: relative;display: flex;min-height: 52px;cursor: none}
.topic-options input {position: absolute;inset: 0;opacity: 0;cursor: inherit}
.topic-options span {width: 100%;display: flex;align-items: center;padding: 13px 14px;border: 1px solid rgba(245, 242, 238, .14);color: var(--white-dim);font-size: .68rem;letter-spacing: .1em;line-height: 1.45;text-transform: uppercase;transition: background .25s, border-color .25s, color .25s}
.topic-options span::before {content: "";width: 9px;height: 9px;border: 1px solid rgba(201, 168, 76, .55);margin-right: 10px;flex-shrink: 0}
.topic-options label:hover span, .topic-options input:focus-visible + span {border-color: rgba(201, 168, 76, .45);color: var(--white)}
.topic-options input:checked + span {border-color: var(--gold);background: rgba(201, 168, 76, .08);color: var(--white)}
.topic-options input:checked + span::before {background: var(--gold);box-shadow: inset 0 0 0 2px var(--black)}
.form-submit {margin-top: 8px;padding: 16px 44px;background: transparent;border: 1px solid var(--gold);color: var(--gold);font-family: "Montserrat", sans-serif;font-size: .72rem;letter-spacing: .2em;text-transform: uppercase;cursor: none;transition: background .3s, color .3s, transform .3s;align-self: flex-start;position: relative;overflow: hidden;min-height: 52px}
.form-submit::before {content: "";position: absolute;inset: 0;background: var(--gold);transform: translateX(-101%);transition: transform .4s ease}
.form-submit:hover {color: var(--black);transform: translateY(-2px)}
.form-submit:hover::before {transform: translateX(0)}
.form-submit span {position: relative;z-index: 1}
.form-submit:disabled {opacity: .55;pointer-events: none}
.form-status {min-height: 20px;font-size: .72rem;letter-spacing: .08em;line-height: 1.6;color: var(--white-dim)}
.form-status.success {color: var(--gold)}
.form-status.error {color: #ff8d92}
footer {background: var(--black);border-top: 1px solid rgba(201, 168, 76, .16);padding: 32px 60px 42px;background-image: linear-gradient(135deg, rgba(201, 168, 76, .035), rgba(245, 242, 238, .012))}
.footer-frame {width: 100%;max-width: 1300px;margin: 0 auto;border: none;padding: 0;background: none}
.footer-top {display: grid;grid-template-columns:auto auto minmax(240px, 1fr) auto;align-items: center;gap: 26px;min-height: 30px}
.footer-logo {display: flex;align-items: center}
.footer-logo img {width: 110px;max-width: 18vw;filter: drop-shadow(0 0 6px rgba(201, 168, 76, .14))}
.footer-divider {width: 2px;height: 24px;border-radius: 999px;background: var(--gold);opacity: .85}
.footer-claim {font-family: "Cormorant Garamond", serif;color: var(--white);font-size: clamp(.94rem, 1.2vw, 1.2rem);line-height: 1.2;letter-spacing: .03em;white-space: nowrap}
.footer-line {height: 1px;width: 100%;background: linear-gradient(90deg, transparent, rgba(201, 168, 76, .62), transparent);margin: 14px 0 20px}
.footer-bottom {display: flex;align-items: center;justify-content: space-between;gap: 40px;width: 100%;min-height: 48px}
.footer-bottom p {font-size: .78rem;color: rgba(245, 242, 238, .52);letter-spacing: .08em;line-height: 1.6;margin-left: auto;text-align: right;white-space: nowrap}
.footer-bottom strong {color: var(--white);font-weight: 600}
.footer-credit-link {color: inherit;text-decoration: none}
.footer-credit-link:hover strong {color: var(--gold)}
.footer-legal {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-right: auto}
.footer-legal a, .footer-legal span {font-size: .78rem;color: var(--white-dim);letter-spacing: .08em;line-height: 1.6;text-transform: none}
.footer-legal a {text-decoration: none;position: relative}
.footer-legal a::after {content: "";position: absolute;left: 0;right: 0;bottom: -5px;height: 1px;background: var(--gold);transform: scaleX(1);transform-origin: left;opacity: .45;transition: transform .3s, opacity .3s}
.footer-legal a:hover {color: var(--white)}
.footer-legal a:hover::after {transform: scaleX(.82);opacity: 1}
.footer-socials {display: flex;gap: 22px;justify-content: flex-end}
.social-link {min-height: 38px;border: 1px solid rgba(201, 168, 76, .14);display: flex;align-items: center;justify-content: center;gap: 10px;padding: 0 14px;text-decoration: none;color: var(--white-dim);transition: border-color .3s, color .3s, background .3s, transform .3s}
.social-link svg {width: 17px;height: 17px;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round}
.social-link:first-child svg {fill: currentColor;stroke: none}
.social-label {font-size: .78rem;line-height: 1;color: currentColor}
.social-label-facebook {font-family: "Helvetica Neue", Arial, sans-serif;font-weight: 600;letter-spacing: .01em}
.social-label-instagram {font-family: "Helvetica Neue", Arial, sans-serif;font-weight: 500;letter-spacing: .01em}
.social-link:hover {border-color: var(--gold);color: var(--gold);background: rgba(201, 168, 76, .05);transform: translateY(-2px)}
.legal-main {max-width: 900px;margin: 0 auto;min-height: 70vh;padding: 190px 28px 120px}
.legal-back {display: inline-block;color: var(--gold);text-decoration: none;font-size: .72rem;letter-spacing: .16em;text-transform: uppercase;margin-bottom: 44px}
.legal-main h1 {font-family: "Cormorant Garamond", serif;font-weight: 300;font-size: clamp(2.6rem, 6vw, 5.5rem);line-height: 1.05;margin-bottom: 32px}
.legal-main h1 em {color: var(--gold);font-style: italic}
.legal-main p {color: var(--white-dim);font-size: .95rem;line-height: 1.9;max-width: 680px;margin-bottom: 16px}
.legal-section {margin-top: 38px}
.legal-section h2 {font-family: "Cormorant Garamond", serif;font-size: 1.7rem;font-weight: 400;color: var(--gold);margin-bottom: 10px}
.cookies-main {max-width: 1120px}
.cookies-main .legal-section {padding: 90px 0 0;margin-top: 0}
.cookies-main .legal-section h2 {margin-bottom: 1px}
.cookies-main .legal-lead {max-width: 760px;font-size: 1.02rem;color: rgba(245, 242, 238, .82);margin-bottom: 8px}
.cookies-main p {max-width: 900px;line-height: 1;margin-bottom: 8px}
.cookies-admin-card {max-width: 900px;padding: 22px 24px;border: 1px solid rgba(201, 168, 76, .18);background: linear-gradient(145deg, rgba(26, 26, 26, .82), rgba(10, 10, 10, .72))}
.cookies-admin-card p {margin-bottom: 14px}
.cookies-admin-card strong {color: var(--white);font-weight: 500}
.cookies-admin-grid {display: grid;grid-template-columns:1.25fr .65fr 1fr;gap: 18px}
.cookies-admin-grid div {padding-top: 14px;border-top: 1px solid rgba(201, 168, 76, .2)}
.cookies-admin-grid span {display: block;margin-bottom: 7px;color: var(--gold);font-size: .68rem;letter-spacing: .16em;text-transform: uppercase}
.cookies-admin-grid a {color: var(--white);text-decoration: none;border-bottom: 1px solid rgba(201, 168, 76, .45)}
.cookies-type-list {display: grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 18px;margin-top: 16px}
.cookies-type-list article {min-height: 205px;padding: 22px;border: 1px solid rgba(245, 242, 238, .12);background: rgba(245, 242, 238, .035)}
.cookies-type-list span {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;margin-bottom: 16px;border: 1px solid rgba(201, 168, 76, .45);border-radius: 50%;color: var(--gold);font-size: .72rem}
.cookies-type-list h3 {color: var(--white);font-size: 1rem;font-weight: 500;margin-bottom: 12px}
.cookies-type-list p {font-size: .82rem;line-height: 1.75;margin-bottom: 0}
.cookies-table-wrap {margin-top: 16px;overflow-x: auto;border: 1px solid rgba(201, 168, 76, .16);background: rgba(245, 242, 238, .035)}
.cookies-table {width: 100%;min-width: 760px;border-collapse: collapse}
.cookies-table th, .cookies-table td {padding: 18px 20px;border-bottom: 1px solid rgba(245, 242, 238, .1);color: var(--white-dim);font-size: .82rem;line-height: 1.65;text-align: left;vertical-align: top}
.cookies-table th {color: var(--gold);font-size: .68rem;letter-spacing: .16em;text-transform: uppercase;font-weight: 500}
.cookies-table td strong {color: var(--white);font-weight: 500}
.cookies-table tbody tr:last-child td {border-bottom: 0}
.cookies-number-list {display: grid;gap: 8px;max-width: 900px;margin-top: 12px;list-style: none}
.cookies-number-list li {display: grid;grid-template-columns:36px 1fr;gap: 14px;align-items: start;color: var(--white-dim);font-size: .95rem;line-height: 1.8}
.cookies-number-list span {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin-top: 2px;border-radius: 50%;background: var(--gold);color: var(--black);font-size: .78rem;font-weight: 500}
.cookies-settings-panel {max-width: 900px;margin-top: 180px;margin-left: auto;margin-right: auto;border: 1px solid rgba(201, 168, 76, .24);background: linear-gradient(145deg, rgba(201, 168, 76, .1), rgba(245, 242, 238, .03));text-align: left}
.cookies-main .cookies-settings-panel {margin-top: 160px;padding: 32px 0 0}
.cookies-settings-panel h2 {padding: 0 30px 30px;margin-bottom: 0;text-align: center}
.cookies-settings-panel p {margin-bottom: 0}
.cookies-inline-settings {display: grid;gap: 9px;padding: 0 30px 18px}
.cookies-inline-option {display: grid;grid-template-columns:1fr auto auto;gap: 16px;align-items: center;min-height: 64px;padding: 13px 18px;border: 1px solid rgba(245, 242, 238, .1);background: rgba(245, 242, 238, .045)}
.cookies-inline-option strong {display: block;color: var(--white);font-size: .86rem;font-weight: 500;margin-bottom: 3px}
.cookies-inline-option small {display: block;max-width: 560px;color: var(--white-dim);font-size: .68rem;line-height: 1.45}
.cookies-inline-status {color: var(--gold);font-size: .72rem;font-weight: 500;letter-spacing: .1em;text-transform: uppercase;white-space: nowrap}
.cookies-inline-option input {position: absolute;opacity: 0;pointer-events: none}
.cookies-switch {position: relative;display: block;width: 56px;height: 30px;border: 1px solid rgba(245, 242, 238, .16);border-radius: 999px;background: rgba(245, 242, 238, .12);transition: background .25s, border-color .25s}
.cookies-switch::before {content: "";position: absolute;left: 4px;top: 4px;width: 20px;height: 20px;border-radius: 50%;background: var(--white);transition: transform .25s, background .25s}
.cookies-inline-option input:checked + .cookies-switch {border-color: rgba(201, 168, 76, .72);background: rgba(201, 168, 76, .34)}
.cookies-inline-option input:checked + .cookies-switch::before {transform: translateX(26px);background: var(--gold-light)}
.cookies-inline-save {margin: 0 30px 22px}
.cookie-banner[hidden], .cookie-modal[hidden], .cookie-reopen[hidden] {display: none}
.cookies-page .cookie-reopen {display: none}
.cookie-banner {position: fixed;left: 50%;bottom: calc(24px + var(--cookie-footer-offset, 0px));z-index: 10010;width: min(1180px, calc(100% - 48px));transform: translateX(-50%);background: #0a0a0a;border: 1px solid rgba(201, 168, 76, .28);box-shadow: 0 24px 80px rgba(0, 0, 0, .45);animation: cookieFadeIn .45s ease forwards}
.cookie-banner-inner {display: grid;grid-template-columns:minmax(0, 1fr) auto;gap: 32px;align-items: center;padding: 26px 30px}
.cookie-banner h2, .cookie-modal h2 {font-family: "Cormorant Garamond", serif;font-size: 1.65rem;font-weight: 400;color: var(--gold);margin-bottom: 8px}
.cookie-banner p, .cookie-modal p {color: #ededed;font-size: .82rem;line-height: 1.75;max-width: 760px}
.cookie-actions, .cookie-modal-actions {display: flex;align-items: center;gap: 12px;flex-wrap: wrap}
.cookie-btn {min-height: 44px;padding: 0 20px;border: 1px solid var(--gold);background: transparent;color: var(--gold);font-family: "Montserrat", sans-serif;font-size: .68rem;letter-spacing: .14em;text-transform: uppercase;cursor: none;transition: background .25s, color .25s, border-color .25s, transform .25s}
.cookie-btn-primary, .cookie-btn-secondary {min-width: 160px}
.cookie-btn-primary {background: var(--gold);color: var(--black)}
.cookie-btn-secondary {background: transparent;color: var(--gold)}
.cookie-btn-ghost {border-color: rgba(245, 242, 238, .22);color: var(--white-dim)}
.cookie-btn:hover {transform: translateY(-1px);border-color: var(--gold-light)}
.cookie-btn-primary:hover {background: var(--gold-light)}
.cookie-btn-secondary:hover, .cookie-btn-ghost:hover {color: var(--white)}
.cookie-modal {position: fixed;inset: 0;z-index: 10020;display: flex;align-items: center;justify-content: center;padding: 24px;background: rgba(0, 0, 0, .66);backdrop-filter: blur(10px);animation: cookieFadeIn .35s ease forwards}
.cookie-modal-panel {width: min(680px, 100%);position: relative;background: #0a0a0a;border: 1px solid rgba(201, 168, 76, .32);box-shadow: 0 28px 90px rgba(0, 0, 0, .55);padding: 38px}
.cookie-modal-close {position: absolute;top: 18px;right: 18px;width: 36px;height: 36px;border: 1px solid rgba(201, 168, 76, .22);background: transparent;color: var(--white-dim);font-size: 1.35rem;line-height: 1;cursor: none}
.cookie-options {display: grid;gap: 12px;margin: 28px 0}
.cookie-option {display: grid;grid-template-columns:22px 1fr;gap: 14px;align-items: start;padding: 16px;border: 1px solid rgba(245, 242, 238, .12);cursor: none}
.cookie-option input {margin-top: 3px;accent-color: var(--gold)}
.cookie-option input:disabled {opacity: .75}
.cookie-option strong {display: block;color: var(--white);font-size: .86rem;margin-bottom: 5px}
.cookie-option small {display: block;color: var(--white-dim);font-size: .74rem;line-height: 1.6}
.cookie-reopen {position: fixed;right: 22px;bottom: calc(22px + var(--cookie-footer-offset, 0px));z-index: 10005;width: 58px;height: 58px;display: grid;place-items: center;border: 1px solid rgba(201, 168, 76, .62);border-radius: 50%;background: linear-gradient(145deg, #050505, #141414);color: var(--gold);cursor: none;box-shadow: 0 14px 38px rgba(0, 0, 0, .46), inset 0 0 0 1px rgba(245, 242, 238, .04);transition: transform .25s, border-color .25s, box-shadow .25s}
.cookie-reopen:hover {transform: translateY(-2px);border-color: var(--gold-light);box-shadow: 0 18px 44px rgba(0, 0, 0, .54), 0 0 22px rgba(201, 168, 76, .14), inset 0 0 0 1px rgba(245, 242, 238, .06)}
.cookie-reopen-icon {position: relative;display: block;width: 34px;height: 34px;border-radius: 50%;background: radial-gradient(circle at 34% 28%, var(--gold-light), var(--gold) 58%, var(--gold-dark));box-shadow: inset -5px -7px 12px rgba(10, 10, 10, .18), inset 3px 4px 8px rgba(255, 255, 255, .18)}
.cookie-reopen-icon::before {content: "";position: absolute;right: -1px;top: 12px;width: 8px;height: 8px;border-radius: 50%;background: #0a0a0a;box-shadow: -10px -9px 0 -1px #0a0a0a, -17px 3px 0 -2px #0a0a0a, -5px 11px 0 -2px #0a0a0a}
.cookie-reopen-dot {position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #0a0a0a}
.cookie-reopen-dot:nth-child(1) {left: 9px;top: 8px}
.cookie-reopen-dot:nth-child(2) {left: 18px;top: 14px}
.cookie-reopen-dot:nth-child(3) {left: 10px;bottom: 8px}
body.cookie-modal-open {overflow: hidden}
@keyframes cookieFadeIn {
    from {opacity: 0;transform: translate(-50%, 14px)}
    to {opacity: 1;transform: translate(-50%, 0)}
}
.cookie-modal {animation-name: cookieModalFadeIn}
@keyframes cookieModalFadeIn {
    from {opacity: 0}
    to {opacity: 1}
}
@keyframes fadeUp {
    from {opacity: 0;transform: translateY(30px)}
    to {opacity: 1;transform: translateY(0)}
}
.reveal {opacity: 0;transform: translateY(40px);transition: opacity .8s ease, transform .8s ease}
.reveal.visible {opacity: 1;transform: translateY(0)}
.reveal-delay-1 {transition-delay: .1s}
.reveal-delay-2 {transition-delay: .2s}
.reveal-delay-3 {transition-delay: .3s}
.reveal-delay-4 {transition-delay: .4s}
.mobile-menu {display: none;position: fixed;inset: 0;z-index: 99;background: rgba(10, 10, 10, .98);flex-direction: column;align-items: center;justify-content: center;gap: 32px;padding: 110px 24px 48px;overflow-y: auto}
.mobile-menu.open {display: flex}
.mobile-menu a {font-family: "Cormorant Garamond", serif;font-size: 2.2rem;font-weight: 300;color: var(--white);text-decoration: none;letter-spacing: .05em;transition: color .3s}
.mobile-menu a:hover {color: var(--gold)}
.loader {position: fixed;inset: 0;z-index: 9999;background: var(--black);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px;transition: opacity .6s ease, visibility .6s}
.loader.done {opacity: 0;visibility: hidden}
.loader-logo {height: 137px;animation: pulse 1.2s ease-in-out infinite}
.loader-video {width: min(220px, 46vw);height: auto;display: block}
@keyframes pulse {
    0%, 100% {opacity: .4;transform: scale(.97)}
    50% {opacity: 1;transform: scale(1)}
}
.loader-bar-wrap {width: 200px;height: 1px;background: rgba(201, 168, 76, .2);position: relative;overflow: hidden}
.loader-bar {position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: var(--gold);animation: loadFill 1.8s ease forwards .3s}
@keyframes loadFill {
    from {left: -100%}
    to {left: 0}
}
@media (max-width: 1100px) {
    #navbar {padding: 24px 40px}
    
    #navbar.scrolled {padding: 16px 40px}
    
    .nav-links {gap: 20px}
    
    .nav-links a {letter-spacing: .14em}
    
    #o-nas, #kontakt {grid-template-columns:1fr;gap: 60px}
    
    #o-nas .about-visual {max-width: 560px;width: 100%;margin: 0 auto}
    
    .team-intro {grid-template-columns:1fr;gap: 40px}
    
    .team-intro {margin-bottom: 40px}
    
    .services-highlight-grid {grid-template-columns:1fr 1fr}
    
    .services-grid {grid-template-columns:1fr 1fr}
    
    .kodex-grid {grid-template-columns:1fr 1fr}
}
@media (hover: none),(pointer: coarse) {
    body {cursor: auto}
    
    .cursor, .cursor-ring {display: none}
    
    .nav-hamburger, .mobile-menu a, a, button, .property-card, .form-submit, .topic-options label, .broker-arrow, .broker-dots button, .cookie-btn, .cookie-modal-close, .cookie-option, .cookie-reopen {cursor: pointer}
}
@media (max-width: 920px) {
    .nav-links {display: none}
    
    .nav-hamburger {display: flex}
}
@media (max-width: 800px) {
    #navbar {padding: 20px 24px}
    
    #navbar.scrolled {padding: 14px 24px}
    
    #home {padding: 130px 0 96px;align-items: center}
    
    .hero-bg {background-position: center top}
    
    .hero-content {padding: 0 24px}
    
    .hero-eyebrow {font-size: .6rem;letter-spacing: .22em;gap: 10px;flex-wrap: wrap;line-height: 1.8}
    
    .hero-eyebrow::before, .hero-eyebrow::after {width: 24px}
    
    .hero-subtitle {max-width: 560px;font-size: .82rem;letter-spacing: .07em;line-height: 1.75}
    
    .hero-actions {flex-direction: column;align-items: stretch;gap: 14px;width: min(100%, 360px);margin: 42px auto 0}
    
    .btn-primary, .btn-ghost, .form-submit {width: 100%;padding: 15px 22px;letter-spacing: .14em}
    
    .hero-scroll {bottom: 24px}
    
    .hero-grid::before {background-size: 56px 56px}
    
    .orb {filter: blur(60px)}
    
    .orb-1 {width: 280px;height: 280px;right: -90px}
    
    .orb-2 {width: 240px;height: 240px;left: -90px}
    
    section {padding: 80px 24px}
    
    #o-nas, #kontakt {padding: 80px 24px}
    
    #o-nas {padding-bottom: 40px}
    
    .makleri-section {padding-top: 40px}
    
    .home-claim {margin-bottom: 64px;padding: 34px 24px}
    
    .services-highlight-grid, .services-grid {grid-template-columns:1fr}
    
    .service-highlight {min-height: auto;padding: 30px 26px}
    
    .service-card {padding: 30px 26px}
    
    .section-tag {letter-spacing: .22em}
    
    .section-title {margin-bottom: 18px}
    
    .section-lead {margin-bottom: 36px}
    
    .brokers-layout {grid-template-columns:1fr;gap: 42px}
    
    .brokers-slider {justify-self: center;max-width: 464px;margin-top: 0}
    
    .broker-track {min-height: 890px}
    
    .broker-content {padding: 26px}
    
    .values-list {gap: 0}
    
    .value-item {gap: 18px;padding: 22px 0}
    
    .value-num {width: 38px;font-size: 1.65rem}
    
    #o-nas {gap: 48px}
    
    .about-visual {aspect-ratio: 4/4.6}
    
    .about-accent {right: -14px;bottom: -14px}
    
    .about-accent-2 {top: -10px;left: -10px}
    
    .about-accent-3 {bottom: -10px;right: -10px}
    
    .properties-grid {grid-template-columns:1fr}
    
    .kodex-grid {grid-template-columns:1fr}
    
    .kodex-rule {grid-template-columns:54px 1fr;gap: 18px;padding: 26px 24px}
    
    .kodex-item {padding: 34px 26px}
    
    .about-features {grid-template-columns:1fr}
    
    footer {padding: 28px 24px 28px}
    
    .footer-frame {padding: 0}
    
    .footer-top {grid-template-columns:auto 1fr auto;gap: 18px}
    
    .footer-top {min-height: 30px}
    
    .footer-logo img {width: 103px;max-width: 28vw}
    
    .footer-divider {height: 22px}
    
    .footer-claim {font-size: clamp(.94rem, 2.15vw, 1.18rem)}
    
    .footer-socials {gap: 10px;flex-direction: column}
    
    .social-link {min-height: 34px;padding: 0 12px}
    
    .footer-bottom {flex-direction: column;align-items: flex-start;gap: 18px}
    
    .footer-bottom p {margin-left: 0;text-align: left;white-space: normal}
    
    .cookie-banner-inner {grid-template-columns:1fr;gap: 20px;padding: 24px}
    
    .cookie-actions, .cookie-modal-actions {display: grid;grid-template-columns:1fr}
    
    .cookie-btn {width: 100%}
    
    .cookie-modal-panel {padding: 32px 24px}
    
    .cookies-admin-grid, .cookies-type-list {grid-template-columns:1fr}
    
    .cookies-type-list article {min-height: auto}
    
    .cookies-settings-panel {max-width: 100%}
    
    .cookies-inline-option {grid-template-columns:1fr auto}
    
    .cookies-inline-status {justify-self: end}
}
@media (max-width: 520px) {
    #navbar {padding: 16px 18px}
    
    #navbar.scrolled {padding: 12px 18px}
    
    .nav-logo img {height: 52px}
    
    .nav-hamburger {width: 40px;height: 40px}
    
    .mobile-menu {gap: 24px}
    
    .mobile-menu a {font-size: 1.9rem}
    
    #home {padding: 112px 0 86px}
    
    .hero-content {padding: 0 18px}
    
    .hero-title {font-size: clamp(2.55rem, 14vw, 3.8rem);line-height: 1.02}
    
    .hero-subtitle {margin-top: 26px;font-size: .78rem;letter-spacing: .04em}
    
    .hero-actions {margin-top: 34px}
    
    .hero-scroll span {display: none}
    
    .scroll-line {height: 34px}
    
    section {padding: 68px 18px}
    
    #o-nas, #kontakt {padding: 68px 18px}
    
    #o-nas {padding-bottom: 34px}
    
    .makleri-section {padding-top: 34px}
    
    .section-tag {font-size: .58rem;letter-spacing: .18em}
    
    .section-tag::after, .kodex-inner .section-tag::before {max-width: 38px}
    
    .section-title {font-size: clamp(2rem, 11vw, 2.65rem)}
    
    .team-intro-text p, .about-text p, .section-lead {font-size: .84rem;line-height: 1.85}
    
    .home-claim p {font-size: 1.35rem}
    
    .broker-track {min-height: 970px}
    
    .broker-photo {font-size: 1.08rem}
    
    .broker-controls {gap: 14px}
    
    .broker-arrow {width: 40px;height: 40px}
    
    .service-highlight h3, .service-card h3 {font-size: 1.25rem}
    
    .value-item {gap: 14px;padding: 20px 0}
    
    .value-content h4, .feature-title {letter-spacing: .12em}
    
    .about-img-placeholder {font-size: .82rem;letter-spacing: .06em}
    
    .about-feature {padding: 18px}
    
    .kodex-grid {margin-top: 44px}
    
    .kodex-rule {grid-template-columns:1fr;gap: 10px;padding: 24px 20px}
    
    .kodex-rule span {font-size: 1.9rem}
    
    .kodex-rule h4 {font-size: 1.12rem}
    
    .kodex-item {padding: 30px 22px}
    
    #kontakt {gap: 46px}
    
    .kontakt-detail {gap: 16px;padding-bottom: 24px}
    
    .form-group input, .form-group textarea, .form-group select {font-size: .8rem}
    
    .topic-options {grid-template-columns:1fr}
    
    .topic-options span {font-size: .66rem;letter-spacing: .08em}
    
    .form-label {letter-spacing: .1em}
    
    .footer-frame {padding: 0}
    
    .footer-top {grid-template-columns:1fr;justify-items: start;gap: 18px}
    
    .footer-logo img {width: 124px;max-width: 56vw}
    
    .footer-divider {width: 58px;height: 2px}
    
    .footer-claim {white-space: normal;font-size: 1.1rem}
    
    .footer-socials {flex-direction: row;flex-wrap: wrap}
    
    .footer-line {margin: 22px 0}
    
    .footer-legal {gap: 10px}
    
    .footer-legal a, .footer-legal span {font-size: .72rem;letter-spacing: .06em}
    
    .footer-bottom p {line-height: 1.7}
    
    .legal-main {padding: 150px 18px 80px}
    
    .cookies-admin-card {padding: 22px 18px}
    
    .cookies-settings-panel h2 {padding: 0 18px 24px}
    
    .cookies-inline-settings {padding: 0 18px 16px}
    
    .cookies-inline-option {grid-template-columns:1fr;gap: 10px;min-height: auto;padding: 14px 16px}
    
    .cookies-inline-status {justify-self: start}
    
    .cookies-inline-save {margin: 0 18px 18px}
    
    .cookies-type-list article {padding: 22px 18px}
    
    .cookies-table {min-width: 640px}
    
    .cookies-table th, .cookies-table td {padding: 15px 14px}
    
    .cookies-number-list li {grid-template-columns:32px 1fr;gap: 10px;font-size: .86rem}
    
    .cookie-banner {width: calc(100% - 28px);bottom: calc(14px + var(--cookie-footer-offset, 0px))}
    
    .cookie-banner h2, .cookie-modal h2 {font-size: 1.4rem}
    
    .cookie-banner p, .cookie-modal p {font-size: .78rem}
    
    .cookie-modal {padding: 14px}
    
    .cookie-reopen {right: 14px;bottom: calc(14px + var(--cookie-footer-offset, 0px));width: 44px;height: 44px}
}
@media (max-width: 380px) {
    .hero-title {font-size: 2.35rem}
    
    .hero-eyebrow {letter-spacing: .14em}
    
    .btn-primary, .btn-ghost, .form-submit {font-size: .66rem;letter-spacing: .1em}
    
    .value-item {flex-direction: column;gap: 10px}
    
    .value-num {width: auto}
    
    .broker-track {min-height: 1070px}
    
    .footer-socials {gap: 10px}
    
    .social-link {min-height: 34px;padding: 0 10px}
    
    .social-label {font-size: .72rem}
}