:root {
--beyaz: #ffffff;
--krem: #f7f4eb;
--krem-koyu: #efe8d8;
--metin: #1f1a17;
--metin-soluk: #6f665e;
--kahve: #936033;
--kahve-koyu: #744824;
--bordo: #bd1f38;
--yesil: #153d2f;
--mavi: #a7d2d8;
--mavi-soluk: #dfe7f2;
--cizgi: #e7ddce;
--golge: 0 18px 40px rgba(55, 35, 16, 0.08);
--golge-yumusak: 0 10px 24px rgba(55, 35, 16, 0.06);
--yavaslama: cubic-bezier(0.22, 1, 0.36, 1);
--gorsel-orani-yatay: 40 / 29;
}

*,
*::before,
*::after {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
margin: 0;
font-family: "Titillium Web", sans-serif;
color: var(--metin);
background: var(--beyaz);
overflow-x: hidden;
}

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

a:hover {
color: inherit;
}

.container-xxl {
max-width: 1920px;
padding-left: 24px;
padding-right: 24px;
}

.dar-kapsayici {
width: 100%;
max-width: 1560px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}

.aravan-sayfa {
padding-bottom: 120px;
}

.kahraman-bolumu {
padding-top: 24px;
}

.kahraman-yerlesimi {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1048px) minmax(0, 808px);
gap: 18px;
align-items: stretch;
}

.kahraman-sol {
min-height: 804px;
padding: 34px 30px 30px;
background: var(--krem);
border-radius: 18px;
display: flex;
flex-direction: column;
}

.ust-gezinme {
min-height: 72px;
padding: 0 24px;
background: var(--beyaz);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 16px;
box-shadow: var(--golge);
}

.navbar-toggler {
border: 1px solid rgba(147, 96, 51, 0.16);
border-radius: 12px;
padding: 0.65rem 0.75rem;
}

.navbar-toggler:focus {
box-shadow: none;
}

.marka-alani {
display: inline-flex;
align-items: center;
gap: 14px;
}

.ust-gezinme .navbar-brand {
margin-right: 0;
flex: 1 1 auto;
min-width: 0;
}

.ust-gezinme .navbar-brand img {
display: block;
width: 268px;
max-width: 100%;
height: auto;
}

.ust-gezinme .navbar-collapse {
min-width: 0;
}

.ust-mobil-dil {
display: none;
}

.logo-bosluk {
width: 54px;
height: 54px;
border-radius: 12px;
background: var(--kahve);
position: relative;
flex-shrink: 0;
}

.logo-bosluk::before {
content: "";
position: absolute;
inset: 12px;
border: 1px dashed rgba(255, 255, 255, 0.72);
border-radius: 8px;
}

.marka-yazisi {
font-size: 33px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--kahve);
}

.ust-menu-listesi {
gap: 16px;
}

.dil-secici {
display: flex;
align-items: center;
gap: 8px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid rgba(147, 96, 51, 0.14);
}

.dil-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 36px;
padding: 0 12px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.06);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--metin);
text-decoration: none;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.dil-link:hover,
.dil-link.aktif {
background: var(--kahve);
color: var(--beyaz);
transform: translateY(-1px);
}

.ust-menu-listesi .nav-link {
position: relative;
padding: 0.5rem 0 !important;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--metin);
transition: color 0.3s ease;
}

.ust-menu-listesi .nav-link::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background: var(--kahve);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.35s var(--yavaslama);
}

.ust-menu-listesi .nav-link:hover,
.ust-menu-listesi .nav-link.aktif {
color: var(--kahve);
}

.ust-menu-listesi .nav-link:hover::after,
.ust-menu-listesi .nav-link.aktif::after {
transform: scaleX(1);
}

.kahraman-metin-alani {
max-width: 836px;
padding: 96px 24px 0;
flex: 1;
display: flex;
flex-direction: column;
}

.kahraman-mobil-aksiyonlari {
display: none;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.ayricalik-karti h3,
.oda-bilgi-bandi h3,
.alt-baslik,
.ic-sayfa-metin h1,
.ic-kart h2 {
font-weight: 700;
letter-spacing: 0.01em;
}

.kahraman-metin-alani h1 {
max-width: 760px;
margin: 0 0 24px;
font-size: 36px;
line-height: 1.15;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ayricalik-karti p,
.alt-listesi li,
.alt-listesi a,
.alt-son-satir p,
.ic-sayfa-metin p,
.ic-kart p {
font-size: 14px;
line-height: 1.72;
color: var(--metin-soluk);
}

.kahraman-metin-alani p {
max-width: 790px;
margin: 0 0 22px;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi p,
.bolum-basligi-dar p,
.ayricalik-karti p,
.ic-sayfa-metin p,
.ic-kart p {
overflow-wrap: anywhere;
}

.odul-satiri {
margin-top: auto;
max-width: 894px;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
padding-top: 34px;
padding-bottom: 42px;
}

.odul-kutusu {
height: 150px;
border-radius: 12px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(0);
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama);
}

.odul-kutusu img {
position: relative;
z-index: 1;
display: block;
max-width: 70%;
max-height: 70%;
width: auto;
height: auto;
object-fit: contain;
margin: auto;
}

.odul-kutusu:hover {
transform: translateY(-7px);
box-shadow: var(--golge);
}

.odul-kutusu::before,
.gorsel-bosluk::before,
.ikon-bosluk::before,
.vitrin-rozeti::before {
content: "";
position: absolute;
inset: 10px;
}

.odul-acik {
background: var(--mavi);
}

.odul-koyu {
background: var(--yesil);
}

.odul-bordo {
background: var(--bordo);
}

.kahraman-sag {
position: relative;
min-height: 804px;
}

.kahraman-aksiyonlari {
position: absolute;
top: 46px;
right: 34px;
display: flex;
gap: 14px;
z-index: 4;
}

.aksiyon-dugmesi {
height: 50px;
padding: 0 22px;
border-radius: 12px;
border: 0;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
overflow: hidden;
appearance: none;
text-decoration: none;
font-size: 14px;
font-weight: bold;
line-height: 1;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), background 0.35s ease;
}

.aksiyon-dugmesi > span:last-child {
display: inline-flex;
align-items: center;
line-height: 1;
}

.aksiyon-dugmesi:hover {
transform: translateY(-3px);
box-shadow: var(--golge);
}

.aksiyon-dugmesi-acik {
background: var(--beyaz);
border: 1px solid rgba(147, 96, 51, 0.08);
}

.aksiyon-dugmesi-koyu {
background: var(--kahve);
color: var(--beyaz);
}

.aksiyon-dugmesi-koyu:hover {
background: var(--kahve-koyu);
	color: var(--beyaz);
}

.dil-acilir {
position: relative;
flex: 0 0 auto;
}

.dil-acilir-dugme {
height: 50px;
min-width: 65px;
padding: 0 6px;
border: 1px solid rgba(147, 96, 51, 0.08);
border-radius: 12px;
background: rgba(255, 255, 255, 0.96);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--metin);
line-height: 1;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease, background 0.35s ease;
}

.dil-acilir-dugme:hover,
.dil-acilir-dugme:focus,
.dil-acilir.show .dil-acilir-dugme {
background: var(--beyaz);
border-color: rgba(147, 96, 51, 0.18);
box-shadow: var(--golge-yumusak);
transform: translateY(-3px);
color: var(--metin);
}

.dil-acilir-dugme:focus {
outline: none;
}

.dil-acilir-dugme::after {
margin-left: 2px;
}

.dil-acilir-kod {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}

.dil-acilir-menusu {
min-width: 188px;
padding: 8px;
border-radius: 14px;
background: rgba(255, 255, 255, 1);
}

.dil-acilir-ogesi {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
color: var(--metin);
transition: background 0.3s ease, color 0.3s ease;
}

.dil-acilir-ogesi:hover,
.dil-acilir-ogesi:focus,
.dil-acilir-ogesi.aktif {
background: rgba(147, 96, 51, 0.08);
color: var(--kahve);
}

.dil-acilir-rozet {
width: 38px;
height: 30px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
flex-shrink: 0;
}

.dil-acilir-ad {
display: inline-flex;
align-items: center;
}

.ikon-bosluk {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
flex-shrink: 0;
}

.ikon-bosluk img {
display: block;
width: 18px;
height: 18px;
object-fit: contain;
}

.ikon-bosluk::before {
inset: 3px;
border-color: currentColor;
border-radius: inherit;
}

.ikon-bosluk-kare {
border-radius: 4px;
}

.aksiyon-dugmesi-koyu .ikon-bosluk {
color: var(--beyaz);
}

.gorsel-bosluk {
position: relative;
overflow: hidden;
background-color: #ece7de;
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 100%);
border-radius: 18px;
}

.gorsel-bosluk img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.kahraman-slider {
height: 100%;
min-height: 804px;
border-radius: 18px;
overflow: hidden;
}

.kahraman-slider,
.kahraman-slider .carousel-inner,
.kahraman-slider .carousel-item {
height: 100%;
}

.slider-gorseli {
height: 100%;
min-height: 804px;
position: relative;
overflow: hidden;
background: #d8dce4;
}

.slider-bosluk-yeri {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #dbe2eb 0%, #e7ddd5 38%, #d4b398 100%);
}

.slider-gorsel-resmi {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

.kahraman-slider-paneli {
position: absolute;
left: 26px;
bottom: 28px;
z-index: 4;
display: flex;
align-items: center;
gap: 12px;
}

.slider-kontrol {
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: var(--golge-yumusak);
transition: transform 0.35s var(--yavaslama), background 0.35s ease;
}

.slider-kontrol:hover {
transform: translateY(-3px);
background: var(--beyaz);
}

.slider-ok {
width: 16px;
height: 16px;
display: inline-block;
border-top: 2px solid var(--metin);
border-right: 2px solid var(--metin);
}

.slider-ok-sol {
transform: rotate(-135deg);
margin-left: 6px;
}

.slider-ok-sag {
transform: rotate(45deg);
margin-right: 6px;
}

.kahraman-gostergeleri {
position: static;
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}

.kahraman-gostergeleri [data-bs-target] {
width: 34px;
height: 6px;
margin: 0;
border: 0;
border-radius: 999px;
background: rgba(255, 255, 255, 0.52);
opacity: 1;
transition: width 0.35s ease, background 0.35s ease;
}

.kahraman-gostergeleri .active {
width: 52px;
background: var(--beyaz);
}

.hareketli-katman {
position: absolute;
left: var(--katman-sol, 50%);
top: var(--katman-ust, 92px);
width: var(--katman-genislik, 402px);
height: var(--katman-yukseklik, 478px);
transform: translate(var(--katman-ceviri-x, -41%), var(--katman-ceviri-y, 0px)) rotate(var(--katman-donus, 0deg));
z-index: 3;
pointer-events: none;
animation: katman-sal 6s ease-in-out infinite;
transition: width 0.65s var(--yavaslama), height 0.65s var(--yavaslama), top 0.65s var(--yavaslama), left 0.65s var(--yavaslama), transform 0.65s var(--yavaslama), opacity 0.4s ease;
}

.hareketli-katman.degisiyor {
opacity: 0.15;
transform: translate(var(--katman-ceviri-x, -41%), var(--katman-ceviri-y, 0px)) rotate(var(--katman-donus, 0deg)) scale(0.88);
}

.hareketli-katman-yok {
opacity: 0;
visibility: hidden;
}

.hareketli-katman-resmi {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
filter: drop-shadow(0 18px 34px rgba(75, 45, 20, 0.24));
}

.hareketli-katman-balon {
--katman-genislik: 368px;
--katman-yukseklik: 478px;
--katman-ust: 68px;
--katman-ceviri-x: 0px;
--katman-ceviri-y: 0px;
--katman-donus: 0deg;
}

.hareketli-katman-tabak {
--katman-genislik: 286px;
--katman-yukseklik: 286px;
--katman-ust: 160px;
--katman-ceviri-x: -34%;
--katman-ceviri-y: 0px;
--katman-donus: 0deg;
}

.hareketli-katman-anahtar {
--katman-genislik: 250px;
--katman-yukseklik: 250px;
--katman-ust: 142px;
--katman-ceviri-x: -37%;
--katman-ceviri-y: 0px;
--katman-donus: -7deg;
}

@keyframes katman-sal {
0% { translate: 0 0; }
50% { translate: 0 -16px; }
100% { translate: 0 0; }
}

.tanitim-bolumu {
padding: 116px 0 110px;
}

.bolum-basligi h2 {
max-width: 650px;
margin: 0 0 24px;
font-size: 36px;
line-height: 1.15;
}

.metin-blogu p {
max-width: 770px;
margin: 0 0 24px;
}

.ayricalik-grid {
padding-top: 98px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.ayricalik-karti {
min-height: 166px;
padding: 28px 22px 24px;
background: #F7F4EF;
border: 1px solid var(--cizgi);
border-radius: 14px;
box-shadow: 0 8px 22px rgba(57, 39, 20, 0.04);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease;
}

.ayricalik-karti:hover {
transform: translateY(-8px);
border-color: rgba(147, 96, 51, 0.2);
box-shadow: var(--golge);
}

.ayricalik-karti .ikon-bosluk {
width: 28px;
height: 28px;
margin-bottom: 18px;
color: var(--metin);
}

.ayricalik-karti .ikon-bosluk img { width: 28px; height: 28px;}

.ayricalik-karti h3 {
margin: 0 0 8px;
font-size: 18px;
line-height: 1.15;
}

.ayricalik-karti p {
max-width: 240px;
margin: 0;
font-size: 14px;
line-height: 1.42;
}

.vitrin-bolumu {
padding-bottom: 128px;
}

.vitrin-alani {
position: relative;
}

.vitrin-ust-gorsel {
height: 274px;
background-color: #d5b091;
transition: transform 0.45s var(--yavaslama), box-shadow 0.45s var(--yavaslama);
}

.vitrin-alani:hover .vitrin-ust-gorsel,
.vitrin-alani:hover .vitrin-alt-gorsel {
transform: translateY(-4px);
box-shadow: var(--golge-yumusak);
}

.vitrin-alt-satiri {
padding-top: 10px;
}

.vitrin-alt-gorsel {
height: 266px;
background-color: #9b765a;
transition: transform 0.45s var(--yavaslama), box-shadow 0.45s var(--yavaslama);
}

.vitrin-alt-gorsel-koyu {
background-color: #6a5444;
}

.vitrin-rozeti {
position: absolute;
left: 50%;
top: 188px;
transform: translateX(-50%);
width: 220px;
height: 220px;
border-radius: 50%;
background: var(--bordo);
box-shadow: 0 16px 30px rgba(74, 20, 30, 0.12);
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: transform 0.45s var(--yavaslama);
}

.vitrin-rozeti::before {
content: "";
position: absolute;
border: 1px dashed rgba(255, 255, 255, 0.88);
border-radius: 50%;
z-index: 0;
}

.vitrin-rozeti img {
position: relative;
z-index: 1;
display: block;
width: 146px;
height: 134px;
object-fit: contain;
margin: auto;
}

.vitrin-alani:hover .vitrin-rozeti {
transform: translateX(-50%) scale(1.03);
}

.odalar-bolumu {
padding-bottom: 108px;
}

.odalar-zemini {
padding: 82px 64px 44px;
background: var(--krem);
border-radius: 18px;
}

.bolum-basligi-dar {
max-width: 1520px;
margin: 0 auto 34px;
}

.bolum-basligi-dar h2 {
max-width: 760px;
margin-bottom: 10px;
font-size: 36px;
line-height: 1.12;
letter-spacing: 0;
}

.bolum-basligi-dar p {
max-width: 820px;
font-size: 14px;
line-height: 1.65;
}

.odalar-gridi {
max-width: 1520px;
margin: 0 auto;
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
}

.oda-karti {
position: relative;
display: block;
color: inherit;
text-decoration: none;
transition: transform 0.4s var(--yavaslama);
}

.oda-karti:hover {
transform: translateY(-8px);
}

.oda-gorseli {
height: 440px;
border-radius: 14px;
background-color: #cab79f;
transition: box-shadow 0.35s var(--yavaslama);
}

.oda-karti:hover .oda-gorseli {
box-shadow: var(--golge);
}

.oda-gorseli-orta {
background-color: #d5c4a6;
}

.oda-gorseli-sag {
background-color: #d9d2c8;
}

.oda-bilgi-bandi {
position: absolute;
left: 14px;
right: 14px;
bottom: 14px;
min-height: 48px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(12px);
box-shadow: 0 8px 18px rgba(57, 39, 20, 0.06);
}

.oda-bilgi-bandi h3 {
margin: 0;
font-size: 16px;
line-height: 1;
font-weight: bold;
letter-spacing: 0;
color: #1C0F0E;
}

.yon-ipi {
width: 34px;
height: 10px;
position: relative;
flex-shrink: 0;
transition: transform 0.3s ease;
}

.oda-karti:hover .yon-ipi {
transform: translateX(6px);
}

.oda-sayfa-karti:hover .yon-ipi {
transform: translateX(6px);
}

.yon-ipi::before,
.yon-ipi::after {
content: "";
position: absolute;
top: 50%;
background: var(--metin);
transform: translateY(-50%);
}

.yon-ipi::before {
left: 0;
right: 8px;
height: 1px;
}

.yon-ipi::after {
right: 0;
width: 8px;
height: 8px;
clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.galeri-bolumu {
}

.galeri-gridi {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}

.galeri-kutusu {
display: block;
width: 100%;
height: 196px;
padding: 0;
border: 0;
appearance: none;
cursor: pointer;
border-radius: 12px;
background-color: #c9b49d;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), filter 0.35s ease;
}

.galeri-kutusu:hover {
transform: translateY(-6px);
box-shadow: var(--golge);
filter: saturate(1.05);
}

.galeri-kutusu-2 {
background-color: #d0ccb9;
}

.galeri-kutusu-3 {
background-color: #c2a785;
}

.galeri-kutusu-4 {
background-color: #b99872;
}

.galeri-kutusu-5 {
background-color: #d7c7b0;
}

.galeri-kutusu-6 {
background-color: #cdb08e;
}

.galeri-kutusu-7 {
background-color: #d8c2a2;
}

.galeri-kutusu-8 {
background-color: #cab189;
}

.alt-bolumu {
padding-bottom: 24px;
}

.alt-zemini {
padding: 88px 46px 24px;
background: var(--krem);
border-radius: 18px;
}

.alt-icerik-alani,
.alt-cizgisi,
.alt-son-satir {
max-width: none;
margin-left: 0;
margin-right: 0;
}

.alt-gridi {
--bs-gutter-x: 34px;
--bs-gutter-y: 24px;
}

.alt-marka-blogu {
padding-top: 12px;
}

.alt-logo-link {
display: inline-block;
}

.alt-logo-link img {
display: block;
width: 218px;
max-width: 100%;
height: auto;
}

.sosyal-butonlar {
display: flex;
gap: 8px;
margin-top: 56px;
}

.sosyal-buton {
width: 32px;
height: 32px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--beyaz);
border: 1px solid rgba(147, 96, 51, 0.2);
color: var(--kahve);
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.sosyal-buton:hover {
transform: translateY(-3px);
border-color: rgba(147, 96, 51, 0.35);
box-shadow: var(--golge-yumusak);
}

.sosyal-buton svg {
display: block;
width: 14px;
height: 14px;
}

.alt-kolon-gridi {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) minmax(0, 1.35fr);
column-gap: 46px;
padding-top: 10px;
}

.alt-kolon-liste {
list-style: none;
margin: 0;
padding: 0;
gap: 4px;
}

.alt-kolon-liste li,
.alt-kolon-liste a {
font-size: 14px;
line-height: 1.80;
color: rgba(45, 34, 24, 1);
transition: color 0.3s ease;
	font-weight: 600;
}

.alt-kolon-liste a:hover,
.alt-kolon-liste a.aktif {
color: var(--kahve);
}

.alt-kolon-liste-iletisim {
gap: 6px;
}

.alt-odul-gridi {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
width: 264px;
margin-left: auto;
}

.alt-odul-genis {
grid-column: 1 / -1;
height: 78px;
}

.alt-odul-kisa {
height: 74px;
}

.alt-odul-gridi .odul-kutusu {
border-radius: 10px;
}

.alt-odul-gridi .odul-kutusu::before {
display: none;
}

.alt-odul-gridi .odul-kutusu img {
max-width: 80%;
max-height: 80%;
}

.alt-odul-gridi .alt-odul-genis img {
max-width: 66%;
max-height: 66%;
}

.alt-cizgisi {
height: 1px;
margin: 82px auto 18px;
background: rgba(147, 96, 51, 0.16);
}

.alt-son-satir {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.alt-son-satir p {
margin: 0;
font-size: 13px;
line-height: 1.4;
color: rgba(45, 34, 24, 0.88);
}

.alt-imza span {
color: #b62339;
}

.ic-sayfa-bolumu {
padding-top: 24px;
}

.ic-sayfa-kapsayici {
padding: 34px 30px 34px;
background: var(--krem);
border-radius: 18px;
}

.ic-sayfa-icerigi {
padding-top: 42px;
}

.ic-sayfa-metin {
max-width: 720px;
}

.ic-sayfa-etiketi {
display: inline-flex;
margin-bottom: 18px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--kahve);
}

.ic-sayfa-metin h1 {
margin: 0 0 18px;
font-size: 56px;
line-height: 1.12;
}

.ic-sayfa-metin p {
margin: 0 0 18px;
max-width: 62ch;
}

.ic-sayfa-dugmeleri {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-top: 8px;
}

.ic-sayfa-gorseli {
min-height: 460px;
}

.slider-etiketi {
position: absolute;
left: 16px;
top: 16px;
right: 16px;
z-index: 2;
display: grid;
gap: 4px;
padding: 10px 12px;
max-width: max-content;
background: rgba(255, 255, 255, 0.86);
border: 1px solid rgba(147, 96, 51, 0.12);
border-radius: 12px;
backdrop-filter: blur(8px);
}

.slider-etiketi strong {
font-size: 12px;
line-height: 1;
color: var(--metin);
}

.slider-etiketi span {
font-size: 12px;
line-height: 1.3;
color: var(--metin-soluk);
}

.kaydir-giris .slider-gorsel-resmi,
.kaydir-giris .hareketli-katman-resmi {
transform: scale(1);
transition: transform 1s var(--yavaslama);
}

.kaydir-giris.gorunur .slider-gorsel-resmi,
.kaydir-giris.gorunur .hareketli-katman-resmi {
transform: scale(1.01);
}

.ic-gorsel-bir {
background: linear-gradient(180deg, #e0e5ee 0%, #d2b89b 100%);
}

.ic-gorsel-restoran {
background: linear-gradient(180deg, #f0dbc3 0%, #c88456 100%);
}

.ic-gorsel-atolye {
background: linear-gradient(180deg, #f1e1bf 0%, #be8c4b 100%);
}

.ic-gorsel-hakkimizda {
background: linear-gradient(180deg, #ede5da 0%, #b58b63 100%);
}

.ic-gorsel-odalar {
background: linear-gradient(180deg, #ede8e2 0%, #c8a37f 100%);
}

.ic-gorsel-iletisim {
background: linear-gradient(180deg, #e4e6e9 0%, #c6b08f 100%);
}

.ic-kartlar-bolumu {
padding: 76px 0 110px;
}

.ic-kart {
height: 100%;
padding: 28px 24px 24px;
background: var(--beyaz);
border: 1px solid var(--cizgi);
border-radius: 16px;
box-shadow: var(--golge-yumusak);
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease;
}

.ic-kart:hover {
transform: translateY(-8px);
box-shadow: var(--golge);
border-color: rgba(147, 96, 51, 0.2);
}

.ic-kart .ikon-bosluk {
width: 24px;
height: 24px;
margin-bottom: 20px;
color: var(--kahve);
}

.ic-kart h2 {
margin: 0 0 10px;
font-size: 28px;
line-height: 1.15;
}

.ic-kart p {
margin: 0;
font-size: 16px;
line-height: 1.62;
}

.kaydir-giris {
opacity: 0;
transform: translateY(42px);
transition: opacity 0.8s var(--yavaslama), transform 0.8s var(--yavaslama);
}

.kaydir-giris.soldan {
transform: translateX(-42px);
}

.kaydir-giris.sagdan {
transform: translateX(42px);
}

.kaydir-giris.gorunur {
opacity: 1;
transform: translateX(0) translateY(0);
}

.gecikme-1 {
transition-delay: 0.08s;
}

.gecikme-2 {
transition-delay: 0.16s;
}

.gecikme-3 {
transition-delay: 0.24s;
}

.gecikme-4 {
transition-delay: 0.32s;
}

.gecikme-5 {
transition-delay: 0.4s;
}

@media (max-width: 1599.98px) {
.kahraman-yerlesimi {
grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
}

.kahraman-metin-alani h1,
.ic-sayfa-metin h1 {
font-size: 54px;
}
}

@media (max-width: 1399.98px) {
.ust-menu-listesi {
gap: 12px;
}

.ust-menu-listesi .nav-link {
font-size: 12px;
}

.kahraman-metin-alani {
padding-top: 72px;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 48px;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ic-sayfa-metin p {
font-size: 17px;
}
}

@media (max-width: 1199.98px) {
.kahraman-yerlesimi {
grid-template-columns: 1fr;
}

.kahraman-sol,
.kahraman-sag,
.kahraman-slider,
.slider-gorseli {
min-height: auto;
}

.kahraman-aksiyonlari {
position: static;
padding: 0 0 18px;
justify-content: flex-end;
}

.kahraman-slider,
.slider-gorseli {
min-height: 560px;
}

.hareketli-katman {
left: auto;
right: 74px;
top: 620px;
transform: translateY(var(--katman-ceviri-y, 0px));
}

.hareketli-katman.degisiyor {
transform: translateY(var(--katman-ceviri-y, 0px)) scale(0.88);
}

.hareketli-katman-tabak,
.hareketli-katman-anahtar {
transform: none;
}

.kahraman-metin-alani {
padding: 56px 12px 0;
}

.odul-satiri {
max-width: none;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
}

.ayricalik-grid {
padding-top: 20px;
}

.ic-sayfa-gorseli {
min-height: 380px;
}
}

@media (max-width: 991.98px) {
.container-xxl,
.dar-kapsayici {
padding-left: 18px;
padding-right: 18px;
}

.aravan-sayfa {
padding-bottom: 72px;
}

.kahraman-sol,
.ic-sayfa-kapsayici {
padding: 20px;
}

.ust-gezinme {
padding: 14px 18px;
align-items: flex-start;
}

.ust-gezinme .navbar-collapse {
padding-top: 12px;
}

.ust-mobil-dil {
display: flex;
align-items: center;
margin-left: auto;
margin-right: 10px;
}

.ust-mobil-dil .dil-acilir {
width: auto;
}

.ust-mobil-dil .dil-acilir-dugme {
height: 44px;
min-width: 58px;
padding: 0 10px;
border-radius: 10px;
}

.kahraman-aksiyonlari .dil-acilir,
.restoran-kapak-dugmeleri .dil-acilir {
display: none;
}

.ust-menu-listesi {
gap: 4px;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 40px;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ic-sayfa-metin p,
.alt-listesi li,
.alt-listesi a,
.alt-son-satir p {
font-size: 16px;
}

.odul-satiri {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tanitim-bolumu,
.vitrin-bolumu,
.odalar-bolumu,
.galeri-bolumu,
.ic-kartlar-bolumu {
padding-bottom: 84px;
}

.alt-zemini {
padding: 72px 28px 24px;
}

.alt-kolon-gridi {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 22px;
}

.alt-odul-gridi {
margin-left: 0;
}

.tanitim-bolumu {
padding-top: 84px;
}

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

.odalar-zemini,
.alt-zemini {
padding: 48px 24px 24px;
}

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

.alt-cizgisi {
margin-top: 48px;
}

.ic-sayfa-dugmeleri {
padding-bottom: 12px;
}

.ust-gezinme {
display: flex;
flex-wrap: wrap;
gap: 12px;
min-height: auto;
padding: 14px 16px;
}

.ust-gezinme .navbar-brand img {
width: 220px;
}

.navbar-toggler {
margin-left: auto;
flex-shrink: 0;
}

.ust-gezinme .navbar-collapse {
flex-basis: 100%;
width: 100%;
margin-top: 4px;
padding-top: 14px;
border-top: 1px solid rgba(147, 96, 51, 0.1);
}

.dil-secici {
margin-left: 0;
padding-left: 0;
padding-top: 12px;
border-left: 0;
border-top: 1px solid rgba(147, 96, 51, 0.1);
}

.ust-menu-listesi .nav-link {
padding: 10px 0 !important;
font-size: 13px;
}

.kahraman-metin-alani {
padding: 40px 0 0;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 36px;
line-height: 1.12;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ic-sayfa-metin p,
.ic-kart p {
font-size: 15px;
line-height: 1.65;
max-width: none;
}

.odul-satiri {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
padding: 28px 0 0;
}

.odul-kutusu {
height: 112px;
}

.kahraman-aksiyonlari {
gap: 12px;
}

.aksiyon-dugmesi {
width: 100%;
min-height: 52px;
padding: 0 18px;
}

.kahraman-slider,
.slider-gorseli {
min-height: 460px;
}

.tanitim-bolumu {
padding: 72px 0;
}

.tanitim-bolumu .row {
--bs-gutter-y: 28px;
}

.ayricalik-grid {
padding-top: 0;
gap: 14px;
}

.vitrin-bolumu {
padding-bottom: 88px;
}

.vitrin-ust-gorsel {
height: 240px;
}

.vitrin-alt-gorsel {
height: 210px;
}

.vitrin-rozeti {
width: 180px;
height: 180px;
top: 178px;
}

.vitrin-rozeti img {
width: 112px;
height: 102px;
}

.odalar-zemini {
padding: 40px 20px 28px;
}

.bolum-basligi-dar {
margin-bottom: 24px;
}

.odalar-gridi {
--bs-gutter-y: 16px;
}

.oda-gorseli {
height: 260px;
}

.galeri-gridi {
gap: 12px;
}

.galeri-kutusu {
height: 150px;
}

.ic-sayfa-icerigi {
padding-top: 28px;
}

.ic-sayfa-dugmeleri {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.ic-sayfa-gorseli {
min-height: 320px;
}

.ic-kart {
padding: 24px 18px 20px;
}

.ic-kart h2 {
font-size: 24px;
}

.alt-zemini {
padding: 56px 20px 22px;
}

.alt-kolon-gridi {
column-gap: 24px;
row-gap: 20px;
}

.alt-odul-gridi {
width: 240px;
}

.kaydir-giris,
.kaydir-giris.soldan,
.kaydir-giris.sagdan,
.kaydir-giris.gorunur {
opacity: 1;
transform: none;
transition: none;
}
}

@media (max-width: 767.98px) {
.marka-yazisi {
font-size: 28px;
}

.alt-logo-link img {
width: 172px;
}

.sosyal-butonlar {
margin-top: 26px;
}

.alt-kolon-gridi {
grid-template-columns: 1fr;
gap: 18px;
padding-top: 0;
}

.alt-cizgisi {
margin-top: 56px;
}

.kahraman-metin-alani {
padding: 42px 0 0;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 34px;
}

.odul-satiri {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
padding-bottom: 0;
}

.odul-kutusu {
height: 120px;
}

.kahraman-aksiyonlari {
flex-direction: column;
align-items: stretch;
}

.kahraman-sag {
display: none;
}

.kahraman-sol {
min-height: auto;
}

.kahraman-mobil-aksiyonlari {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
padding-top: 18px;
}

.aksiyon-dugmesi,
.ic-sayfa-dugmeleri .aksiyon-dugmesi {
justify-content: center;
}

.kahraman-slider,
.slider-gorseli {
min-height: 420px;
}

.hareketli-katman {
display: none;
}

.ayricalik-grid,
.galeri-gridi {
grid-template-columns: 1fr;
}

.ayricalik-karti {
min-height: 160px;
}

.vitrin-rozeti {
width: 160px;
height: 160px;
top: 212px;
}

.vitrin-ust-gorsel {
height: 220px;
}

.vitrin-alt-gorsel {
height: 200px;
border-radius: 14px;
}

.oda-gorseli,
.ic-sayfa-gorseli {
height: 320px;
min-height: 320px;
}

.alt-son-satir {
flex-direction: column;
align-items: flex-start;
}

.kahraman-slider-paneli {
left: 16px;
right: auto;
justify-content: flex-start;
}

.ust-gezinme {
padding: 12px 14px;
gap: 10px;
border-radius: 14px;
}

.ust-mobil-dil {
margin-right: 8px;
}

.ust-gezinme .navbar-brand {
max-width: calc(100% - 56px);
}

.ust-gezinme .navbar-brand img {
width: 190px;
}

.navbar-toggler {
padding: 0.55rem 0.65rem;
border-radius: 10px;
}

.ust-mobil-dil .dil-acilir-dugme {
height: 40px;
min-width: 52px;
padding: 0 8px;
}

.dil-link {
min-width: 38px;
height: 34px;
padding: 0 10px;
}

.kahraman-sol {
padding: 16px;
}

.kahraman-metin-alani {
padding: 30px 0 0;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 30px;
line-height: 1.12;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ic-sayfa-metin p,
.ic-kart p {
font-size: 15px;
line-height: 1.6;
}

.odul-satiri {
gap: 12px;
}

.odul-kutusu {
height: 96px;
border-radius: 10px;
}

.kahraman-aksiyonlari {
gap: 10px;
}

.aksiyon-dugmesi {
height: 48px;
font-size: 14px;
}

.kahraman-slider,
.slider-gorseli {
min-height: 360px;
border-radius: 16px;
}

.kahraman-slider-paneli {
left: 14px;
bottom: 14px;
}

.slider-kontrol {
width: 40px;
height: 40px;
}

.tanitim-bolumu {
padding: 56px 0 64px;
}

.ayricalik-karti {
min-height: 0;
padding: 24px 18px;
}

.vitrin-ust-gorsel {
height: 186px;
}

.vitrin-alt-satiri {
padding-top: 10px;
}

.vitrin-alt-gorsel {
height: 156px;
}

.vitrin-rozeti {
width: 128px;
height: 128px;
top: 150px;
}

.vitrin-rozeti img {
width: 88px;
height: 80px;
}

.odalar-bolumu {
padding-bottom: 72px;
}

.odalar-zemini {
padding: 32px 16px 20px;
border-radius: 16px;
}

.oda-gorseli,
.ic-sayfa-gorseli {
height: 220px;
min-height: 220px;
}

.oda-bilgi-bandi {
left: 10px;
right: 10px;
bottom: 10px;
min-height: 44px;
padding: 0 16px;
}

.oda-bilgi-bandi h3 {
font-size: 15px;
}

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

.galeri-kutusu {
height: 132px;
}

.ic-sayfa-kapsayici {
padding: 16px;
}

.ic-sayfa-icerigi {
padding-top: 24px;
}

.ic-sayfa-etiketi {
margin-bottom: 14px;
padding: 6px 12px;
font-size: 12px;
}

.ic-sayfa-dugmeleri {
grid-template-columns: 1fr;
}

.ic-kart {
padding: 22px 16px 18px;
}

.ic-kart h2 {
font-size: 22px;
}

.slider-etiketi {
left: 12px;
top: 12px;
right: 12px;
max-width: calc(100% - 24px);
}

.slider-etiketi strong,
.slider-etiketi span {
font-size: 11px;
}

.alt-zemini {
padding: 40px 16px 18px;
border-radius: 16px;
}

.alt-gridi {
--bs-gutter-y: 18px;
}

.alt-logo-link img {
width: 160px;
}

.sosyal-butonlar {
margin-top: 20px;
}

.alt-kolon-liste li,
.alt-kolon-liste a {
font-size: 14px;
line-height: 1.55;
}

.alt-odul-gridi {
width: 100%;
max-width: 240px;
gap: 8px;
margin-left: 0;
}

.alt-odul-genis {
height: 70px;
}

.alt-odul-kisa {
height: 68px;
}

.alt-cizgisi {
margin-top: 32px;
}

.alt-son-satir {
gap: 8px;
}

.alt-son-satir p {
font-size: 13px;
}
}

@media (max-width: 575.98px) {
.kahraman-bolumu,
.ic-sayfa-bolumu {
padding-top: 18px;
}

.container-xxl,
.dar-kapsayici {
padding-left: 14px;
padding-right: 14px;
}

.kahraman-sol,
.odalar-zemini,
.alt-zemini,
.ic-sayfa-kapsayici {
padding-left: 16px;
padding-right: 16px;
}

.ust-mobil-dil {
margin-right: 6px;
}

.alt-odul-gridi {
width: 100%;
max-width: 228px;
}

.alt-son-satir {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.marka-alani {
gap: 10px;
}

.logo-bosluk {
width: 44px;
height: 44px;
}

.marka-yazisi {
font-size: 24px;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 28px;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ayricalik-karti p,
.alt-listesi li,
.alt-listesi a,
.alt-son-satir p,
.ic-sayfa-metin p,
.ic-kart p {
font-size: 15px;
}

.odul-satiri {
grid-template-columns: 1fr 1fr;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}

.galeri-kutusu {
height: 170px;
}

.kahraman-slider-paneli {
bottom: 16px;
}

.ic-kart h2 {
font-size: 24px;
}

.ust-gezinme .navbar-brand img {
width: 170px;
}

.ust-gezinme .navbar-brand {
max-width: calc(100% - 52px);
}

.ust-mobil-dil .dil-acilir-dugme {
height: 38px;
min-width: 48px;
}

.kahraman-metin-alani h1,
.bolum-basligi h2,
.bolum-basligi-dar h2,
.ic-sayfa-metin h1 {
font-size: 24px;
}

.kahraman-metin-alani p,
.metin-blogu p,
.bolum-basligi-dar p,
.ayricalik-karti p,
.ic-sayfa-metin p,
.ic-kart p {
font-size: 14px;
line-height: 1.55;
}

.odul-satiri {
gap: 10px;
}

.odul-kutusu {
height: 88px;
}

.aksiyon-dugmesi {
font-size: 13px;
padding: 0 14px;
}

.kahraman-slider,
.slider-gorseli {
min-height: 300px;
}

.vitrin-ust-gorsel {
height: 164px;
}

.vitrin-alt-gorsel {
height: 136px;
}

.vitrin-rozeti {
width: 110px;
height: 110px;
top: 132px;
}

.vitrin-rozeti img {
width: 76px;
height: 70px;
}

.oda-gorseli,
.ic-sayfa-gorseli {
height: 200px;
min-height: 200px;
}

.galeri-gridi {
gap: 10px;
}

.galeri-kutusu {
height: 118px;
}
}

.restoran-sayfasi {
overflow: clip;
}

.restoran-kahraman-bolumu {
padding-top: 24px;
}

.restoran-kahraman-zemini {
position: relative;
padding: 34px 30px 42px;
background: linear-gradient(180deg, #f8f5ed 0%, #f4efe5 100%);
border-radius: 18px;
overflow: hidden;
}

.restoran-kahraman-zemini::before,
.restoran-kahraman-zemini::after {
content: "";
position: absolute;
border-radius: 999px;
pointer-events: none;
}

.restoran-kahraman-zemini::before {
top: 142px;
right: -92px;
width: 320px;
height: 320px;
background: radial-gradient(circle, rgba(167, 210, 216, 0.42) 0%, rgba(167, 210, 216, 0) 72%);
}

.restoran-kahraman-zemini::after {
left: -68px;
bottom: -74px;
width: 240px;
height: 240px;
background: radial-gradient(circle, rgba(189, 31, 56, 0.08) 0%, rgba(189, 31, 56, 0) 76%);
}

.restoran-kahraman-icerigi {
position: relative;
z-index: 1;
padding-top: 46px;
}

.restoran-metin-alani {
max-width: 660px;
}

.restoran-etiketi {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
padding: 9px 14px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--kahve);
}

.restoran-etiketi::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--kahve);
}

.restoran-metin-alani h1,
.restoran-bolum-basligi h2,
.restoran-galeri-icerigi h3 {
letter-spacing: 0.01em;
}

.restoran-metin-alani h1 {
max-width: 11.5ch;
margin: 0 0 24px;
font-size: 60px;
font-weight: 700;
line-height: 1.02;
}

.restoran-metin-alani p,
.restoran-bolum-basligi p,
.restoran-vurgu-karti p,
.restoran-ozet-karti span {
font-size: 16px;
line-height: 1.72;
color: var(--metin-soluk);
}

.restoran-metin-alani p {
max-width: 56ch;
margin: 0 0 18px;
}

.restoran-ozet-gridi {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
padding-top: 18px;
}

.restoran-ozet-karti {
min-height: 176px;
padding: 22px 20px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 20px;
box-shadow: var(--golge-yumusak);
backdrop-filter: blur(14px);
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease;
}

.restoran-ozet-karti:hover {
transform: translateY(-8px);
border-color: rgba(147, 96, 51, 0.22);
box-shadow: var(--golge);
}

.restoran-ozet-karti strong {
display: block;
margin-bottom: 12px;
font-size: 20px;
font-weight: 700;
line-height: 1.18;
color: var(--metin);
}

.restoran-ozet-karti span {
display: block;
}

.restoran-gorsel-kompozisyonu {
position: relative;
min-height: 720px;
}

.restoran-gorsel-kutusu {
position: absolute;
margin: 0;
overflow: hidden;
border-radius: 28px;
background: #e8ddcb;
box-shadow: var(--golge);
}

.restoran-gorsel-kutusu::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13, 9, 5, 0.02) 0%, rgba(13, 9, 5, 0.16) 100%);
}

.restoran-gorsel-kutusu img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.9s var(--yavaslama);
}

.restoran-gorsel-kutusu:hover img {
transform: scale(1.06);
}

.restoran-gorsel-buyuk {
top: 38px;
right: 0;
width: min(100%, 540px);
height: 602px;
}

.restoran-gorsel-buyuk img {
object-position: center center;
}

.restoran-gorsel-ust {
top: 0;
left: 0;
width: 246px;
height: 258px;
z-index: 2;
}

.restoran-gorsel-ust img {
object-position: center center;
}

.restoran-gorsel-alt {
left: 38px;
bottom: 54px;
width: 306px;
height: 230px;
z-index: 2;
}

.restoran-gorsel-alt img {
object-position: center center;
}

.restoran-vurgu-karti {
position: absolute;
right: 26px;
bottom: 0;
z-index: 3;
width: 292px;
padding: 24px 24px 22px;
background: linear-gradient(135deg, rgba(21, 61, 47, 0.94), rgba(147, 96, 51, 0.9));
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 24px;
box-shadow: var(--golge);
color: var(--beyaz);
}

.restoran-vurgu-etiketi {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.76);
}

.restoran-vurgu-etiketi::before {
content: "";
width: 28px;
height: 1px;
background: rgba(255, 255, 255, 0.46);
}

.restoran-vurgu-karti p {
margin: 12px 0 0;
color: rgba(255, 255, 255, 0.88);
}

.restoran-galeri-bolumu {
padding-top: 96px;
}

.restoran-galeri-zemini {
padding: 62px 56px 60px;
background: var(--krem);
border-radius: 24px;
}

.restoran-bolum-basligi {
max-width: 760px;
margin-bottom: 34px;
}

.restoran-bolum-basligi h2 {
margin: 0 0 16px;
font-size: 42px;
font-weight: 700;
line-height: 1.08;
}

.restoran-bolum-basligi p {
margin: 0;
max-width: 64ch;
}

.restoran-galeri-gridi {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
grid-auto-rows: 244px;
gap: 20px;
}

.restoran-galeri-karti {
position: relative;
overflow: hidden;
min-height: 244px;
border-radius: 24px;
background: #ddd3c0;
box-shadow: var(--golge-yumusak);
transition: transform 0.45s var(--yavaslama), box-shadow 0.45s var(--yavaslama);
}

.restoran-galeri-karti::before {
content: "";
position: absolute;
inset: 12px;
z-index: 2;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 18px;
opacity: 0;
transition: opacity 0.35s ease;
pointer-events: none;
}

.restoran-galeri-karti:hover {
transform: translateY(-8px);
box-shadow: var(--golge);
}

.restoran-galeri-karti:hover::before {
opacity: 1;
}

.restoran-galeri-buyuk {
grid-row: span 2;
}

.restoran-galeri-yatay {
grid-column: span 2;
}

.restoran-galeri-resmi {
position: absolute;
inset: 0;
}

.restoran-galeri-resmi::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(14, 11, 8, 0.1) 0%, rgba(14, 11, 8, 0.76) 100%);
}

.restoran-galeri-resmi img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.9s var(--yavaslama);
}

.restoran-galeri-karti:hover .restoran-galeri-resmi img {
transform: scale(1.08);
}

.restoran-galeri-icerigi {
position: absolute;
left: 24px;
right: 24px;
bottom: 22px;
z-index: 3;
transition: transform 0.35s var(--yavaslama);
}

.restoran-galeri-karti:hover .restoran-galeri-icerigi {
transform: translateY(-4px);
}

.restoran-galeri-icerigi span {
display: inline-flex;
align-items: center;
padding: 7px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(10px);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
}

.restoran-galeri-icerigi h3 {
margin: 16px 0 0;
max-width: 18ch;
font-size: 28px;
font-weight: 700;
line-height: 1.08;
color: var(--beyaz);
}

.restoran-galeri-buyuk .restoran-galeri-icerigi h3 {
max-width: 16ch;
font-size: 34px;
}

.restoran-galeri-yatay .restoran-galeri-icerigi h3 {
max-width: 28ch;
}

@media (max-width: 1399.98px) {
.restoran-metin-alani h1 {
font-size: 52px;
}

.restoran-gorsel-buyuk {
height: 556px;
}

.restoran-gorsel-ust {
width: 224px;
height: 236px;
}

.restoran-gorsel-alt {
width: 280px;
height: 212px;
}

.restoran-bolum-basligi h2 {
font-size: 38px;
}

.restoran-galeri-icerigi h3 {
font-size: 24px;
}

.restoran-galeri-buyuk .restoran-galeri-icerigi h3 {
font-size: 30px;
}
}

@media (max-width: 1199.98px) {
.restoran-kahraman-zemini {
padding: 24px;
}

.restoran-kahraman-icerigi {
padding-top: 28px;
}

.restoran-metin-alani {
max-width: none;
}

.restoran-metin-alani h1 {
max-width: 13ch;
font-size: 46px;
}

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

.restoran-gorsel-kompozisyonu {
min-height: auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas:
"buyuk buyuk"
"ust vurgu"
"alt vurgu";
gap: 18px;
}

.restoran-gorsel-kutusu,
.restoran-vurgu-karti {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: 100%;
}

.restoran-gorsel-buyuk {
grid-area: buyuk;
height: 460px;
}

.restoran-gorsel-ust {
grid-area: ust;
height: 240px;
}

.restoran-gorsel-alt {
grid-area: alt;
height: 220px;
}

.restoran-vurgu-karti {
grid-area: vurgu;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 478px;
}

.restoran-galeri-zemini {
padding: 46px 34px;
}

.restoran-galeri-gridi {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 220px;
}

.restoran-galeri-buyuk,
.restoran-galeri-yatay {
grid-row: auto;
grid-column: auto;
}

.restoran-galeri-buyuk {
grid-column: span 2;
min-height: 420px;
}

.restoran-galeri-icerigi h3,
.restoran-galeri-buyuk .restoran-galeri-icerigi h3,
.restoran-galeri-yatay .restoran-galeri-icerigi h3 {
max-width: 24ch;
font-size: 28px;
}
}

@media (max-width: 991.98px) {
.restoran-kahraman-zemini {
padding: 20px;
}

.restoran-metin-alani h1 {
max-width: 14ch;
font-size: 40px;
}

.restoran-metin-alani p,
.restoran-bolum-basligi p,
.restoran-vurgu-karti p,
.restoran-ozet-karti span {
font-size: 15px;
line-height: 1.65;
}

.restoran-gorsel-kompozisyonu {
grid-template-columns: 1fr;
grid-template-areas:
"buyuk"
"ust"
"alt"
"vurgu";
}

.restoran-gorsel-buyuk {
height: 380px;
}

.restoran-gorsel-ust,
.restoran-gorsel-alt {
height: 240px;
}

.restoran-vurgu-karti {
min-height: auto;
}

.restoran-galeri-bolumu {
padding-top: 72px;
}

.restoran-galeri-zemini {
padding: 32px 24px;
}

.restoran-bolum-basligi {
margin-bottom: 24px;
}

.restoran-bolum-basligi h2 {
font-size: 34px;
}

.restoran-galeri-gridi {
grid-template-columns: 1fr;
grid-auto-rows: 220px;
}

.restoran-galeri-buyuk {
grid-column: auto;
min-height: 320px;
}
}

@media (max-width: 767.98px) {
.restoran-kahraman-bolumu {
padding-top: 18px;
}

.restoran-kahraman-zemini {
padding: 18px 16px 22px;
}

.restoran-kahraman-icerigi {
padding-top: 22px;
}

.restoran-etiketi {
margin-bottom: 14px;
font-size: 12px;
}

.restoran-metin-alani h1 {
margin-bottom: 18px;
font-size: 34px;
line-height: 1.06;
}

.restoran-ozet-gridi {
grid-template-columns: 1fr;
gap: 12px;
}

.restoran-ozet-karti {
min-height: auto;
padding: 18px 16px;
}

.restoran-ozet-karti strong {
font-size: 18px;
}

.restoran-gorsel-buyuk {
height: 320px;
}

.restoran-gorsel-ust,
.restoran-gorsel-alt {
height: 210px;
}

.restoran-vurgu-karti {
padding: 20px 18px;
border-radius: 20px;
}

.restoran-galeri-zemini {
padding: 28px 18px;
border-radius: 18px;
}

.restoran-bolum-basligi h2 {
font-size: 30px;
}

.restoran-galeri-gridi {
gap: 14px;
grid-auto-rows: 210px;
}

.restoran-galeri-karti,
.restoran-galeri-buyuk {
min-height: 210px;
border-radius: 20px;
}

.restoran-galeri-icerigi {
left: 18px;
right: 18px;
bottom: 18px;
}

.restoran-galeri-icerigi h3,
.restoran-galeri-buyuk .restoran-galeri-icerigi h3,
.restoran-galeri-yatay .restoran-galeri-icerigi h3 {
margin-top: 12px;
font-size: 22px;
}
}

@media (max-width: 575.98px) {
.restoran-kahraman-zemini {
padding: 16px 14px 20px;
}

.restoran-metin-alani h1 {
font-size: 28px;
}

.restoran-metin-alani p,
.restoran-bolum-basligi p,
.restoran-vurgu-karti p,
.restoran-ozet-karti span {
font-size: 14px;
line-height: 1.58;
}

.restoran-gorsel-kompozisyonu {
gap: 12px;
}

.restoran-gorsel-buyuk {
height: 260px;
}

.restoran-gorsel-ust,
.restoran-gorsel-alt,
.restoran-galeri-karti,
.restoran-galeri-buyuk {
height: 188px;
min-height: 188px;
}

.restoran-vurgu-karti {
padding: 18px 16px;
}

.restoran-galeri-bolumu {
padding-top: 56px;
}

.restoran-galeri-zemini {
padding: 24px 16px;
}

.restoran-bolum-basligi h2 {
font-size: 26px;
}

.restoran-galeri-gridi {
grid-auto-rows: 188px;
}

.restoran-galeri-icerigi h3,
.restoran-galeri-buyuk .restoran-galeri-icerigi h3,
.restoran-galeri-yatay .restoran-galeri-icerigi h3 {
font-size: 20px;
line-height: 1.12;
}
}

.restoran-galeri-sayfasi {
overflow: clip;
}

.restoran-ust-bolumu {
padding-top: 24px;
}

.restoran-ust-yerlesimi {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
gap: 18px;
align-items: stretch;
}

.restoran-ust-sol {
min-height: 348px;
padding: 34px 30px 30px;
background: var(--krem);
border-radius: 18px;
display: flex;
flex-direction: column;
}

.restoran-ust-metin {
padding: 72px 24px 18px;
}

.restoran-ust-metin h1,
.restoran-metin-paneli h2 {
margin: 0;
font-weight: 700;
letter-spacing: 0.01em;
}

.restoran-ust-metin h1 {
margin-bottom: 16px;
font-size: 36px;
line-height: 1.05;
}

.restoran-ust-metin p,
.restoran-metin-paneli p,
.restoran-galeri-modal-baslik {
font-size: 16px;
line-height: 1.68;
color: var(--metin-soluk);
}

.restoran-ust-metin p {
max-width: 60ch;
margin: 0;
}

.restoran-kapak-gorseli {
height: 390px;
border-radius: 18px;
}

.restoran-kapak-gorseli::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(19, 12, 6, 0.08) 0%, rgba(19, 12, 6, 0.02) 38%, rgba(19, 12, 6, 0.2) 100%);
pointer-events: none;
}

.restoran-kapak-dugmeleri {
position: absolute;
top: 46px;
right: 52px;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 14px;
}

.restoran-kapak-dugmeleri .aksiyon-dugmesi {
min-width: 200px;
}

.restoran-kapak-dugmeleri .ikon-bosluk svg {
display: block;
width: 18px;
height: 18px;
}

.restoran-galeri-akis-bolumu {
padding-top: 100px;
}

.restoran-galeri-akisi {
display: grid;
grid-template-columns: minmax(0, 1fr) 386px;
gap: 36px;
align-items: start;
}

.restoran-galeri-sutunu {
min-width: 0;
}

.restoran-galeri-ogeleri {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}

.restoran-galeri-ogesi {
position: relative;
display: block;
padding: 0;
border: 0;
aspect-ratio: 1 / 0.74;
border-radius: 12px;
overflow: hidden;
background: #0d0d0d;
box-shadow: var(--golge-yumusak);
cursor: pointer;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), filter 0.35s ease;
}

.restoran-galeri-ogesi::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(17, 11, 7, 0) 0%, rgba(17, 11, 7, 0.14) 100%);
transition: background 0.35s ease;
pointer-events: none;
}

.restoran-galeri-ogesi::after {
content: "+";
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
width: 54px;
height: 54px;
border-radius: 50%;
display: grid;
place-items: center;
background: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(10px);
font-size: 34px;
line-height: 1;
font-weight: 300;
color: var(--beyaz);
transform: translate(-50%, -50%) scale(0.7);
opacity: 0;
transition: transform 0.35s var(--yavaslama), opacity 0.35s ease;
pointer-events: none;
}

.restoran-galeri-ogesi:hover {
transform: translateY(-6px);
box-shadow: var(--golge);
filter: saturate(1.05);
}

.restoran-galeri-ogesi:hover::before {
background: linear-gradient(180deg, rgba(17, 11, 7, 0.02) 0%, rgba(17, 11, 7, 0.28) 100%);
}

.restoran-galeri-ogesi:hover::after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}

.restoran-galeri-ogesi img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s var(--yavaslama);
}

.restoran-galeri-ogesi:hover img {
transform: scale(1.06);
}

.restoran-metin-sutunu {
min-width: 0;
}

.restoran-metin-paneli {
position: sticky;
top: 28px;
padding: 10px 0 0;
}

.restoran-metin-paneli h2 {
margin-bottom: 20px;
font-size: 36px;
line-height: 1.06;
}

.restoran-metin-paneli p {
margin: 0 0 18px;
}

.restoran-galeri-modal .modal-content {
background: transparent;
border: 0;
box-shadow: none;
}

.restoran-galeri-modal .modal-dialog {
max-width: min(1088px, calc(100vw - 48px));
}

.restoran-galeri-modal .modal-body {
padding: 0;
}

.restoran-galeri-kapat {
position: absolute;
top: 12px;
right: 12px;
z-index: 5;
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.92);
opacity: 1;
box-shadow: var(--golge);
}

.restoran-galeri-kapat:hover {
background: var(--beyaz);
}

.restoran-galeri-cerceve {
display: flex;
align-items: center;
justify-content: center;
width: min(100%, 1000px);
max-height: min(calc(100vh - 220px), 725px);
margin: 0 auto;
aspect-ratio: var(--gorsel-orani-yatay);
overflow: hidden;
border-radius: 22px;
background: #111;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

#restoranGaleriBuyukResim {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
background: #111;
}

.restoran-galeri-alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
width: min(100%, 1000px);
margin: 0 auto;
padding-top: 18px;
}

.restoran-galeri-modal-baslik {
margin: 0;
color: rgba(255, 255, 255, 0.92);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}

.restoran-galeri-sayac {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
color: rgba(255, 255, 255, 0.94);
flex-shrink: 0;
}

.restoran-galeri-serit {
display: flex;
gap: 12px;
width: min(100%, 1000px);
margin: 0 auto;
padding-top: 18px;
overflow-x: auto;
scrollbar-width: thin;
}

.restoran-galeri-kucuk {
position: relative;
flex: 0 0 118px;
aspect-ratio: var(--gorsel-orani-yatay);
padding: 0;
border: 2px solid transparent;
border-radius: 14px;
overflow: hidden;
background: rgba(255, 255, 255, 0.14);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
transition: transform 0.35s var(--yavaslama), border-color 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
}

.restoran-galeri-kucuk:hover {
transform: translateY(-3px);
}

.restoran-galeri-kucuk.aktif {
border-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.restoran-galeri-kucuk img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.restoran-galeri-kucuk:not(.aktif) {
opacity: 0.72;
}

@media (max-width: 991.98px) {
.restoran-galeri-cerceve {
max-height: min(calc(100vh - 250px), 620px);
}
}

@media (max-width: 575.98px) {
.restoran-galeri-modal .modal-dialog {
margin: 0.75rem;
}

.restoran-galeri-alt {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}

.restoran-galeri-cerceve {
max-height: min(calc(100vh - 280px), 420px);
}

.restoran-galeri-kucuk {
flex-basis: 94px;
aspect-ratio: var(--gorsel-orani-yatay);
}
}

.rezervasyon-modal .modal-content {
border: 0;
border-radius: 24px;
background: linear-gradient(180deg, #f8f4ed 0%, #f2ecdf 100%);
box-shadow: 0 24px 80px rgba(46, 28, 13, 0.18);
}

.rezervasyon-modal .modal-header {
padding: 28px 28px 0;
border-bottom: 0;
align-items: flex-start;
}

.rezervasyon-modal .modal-body {
padding: 18px 28px 28px;
}

.rezervasyon-modal .btn-close {
margin: 4px 0 0;
box-shadow: none;
}

.rezervasyon-modal-etiket {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 12px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
color: var(--kahve);
}

.rezervasyon-modal-baslik {
margin: 10px 0 0;
font-size: 34px;
font-weight: 700;
line-height: 1.06;
color: var(--metin);
}

.rezervasyon-modal-aciklama {
margin: 0 0 18px;
font-size: 15px;
line-height: 1.65;
color: var(--metin-soluk);
}

.rezervasyon-formu .form-label {
margin-bottom: 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
color: var(--metin);
}

.rezervasyon-formu .form-control,
.rezervasyon-formu .form-select {
min-height: 54px;
padding: 0 16px;
border: 1px solid rgba(147, 96, 51, 0.14);
border-radius: 14px;
background: rgba(255, 255, 255, 0.92);
box-shadow: none;
}

.rezervasyon-formu textarea.form-control {
min-height: 120px;
padding-top: 14px;
padding-bottom: 14px;
resize: vertical;
}

.rezervasyon-formu .form-control:focus,
.rezervasyon-formu .form-select:focus {
border-color: rgba(147, 96, 51, 0.35);
box-shadow: 0 0 0 0.2rem rgba(147, 96, 51, 0.12);
}

.rezervasyon-form-alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding-top: 20px;
}

.rezervasyon-kaynak-yazisi {
margin: 0;
font-size: 13px;
line-height: 1.55;
color: var(--metin-soluk);
}

.rezervasyon-whatsapp-dugmesi {
min-width: 224px;
justify-content: center;
border: 0;
border-radius: 14px;
}

@media (max-width: 1399.98px) {
.restoran-kapak-dugmeleri {
top: 24px;
right: 24px;
}

.restoran-kapak-dugmeleri .aksiyon-dugmesi {
min-width: 186px;
}

.restoran-metin-paneli h2 {
font-size: 50px;
}
}

@media (max-width: 1199.98px) {
.restoran-ust-yerlesimi {
grid-template-columns: 1fr;
}

.restoran-ust-sol {
padding: 24px;
}

.restoran-ust-metin {
padding: 48px 12px 6px;
}

.restoran-kapak-gorseli {
height: 420px;
}

.restoran-galeri-akisi {
grid-template-columns: minmax(0, 1fr) 330px;
gap: 28px;
}

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

.restoran-metin-paneli h2 {
font-size: 44px;
}
}

@media (max-width: 991.98px) {
.restoran-ust-sol {
padding: 20px;
}

.restoran-ust-metin {
padding: 28px 6px 0;
}

.restoran-ust-metin h1 {
font-size: 32px;
}

.restoran-ust-metin p,
.restoran-metin-paneli p,
.restoran-galeri-modal-baslik {
font-size: 15px;
line-height: 1.62;
}

.rezervasyon-modal-baslik {
font-size: 30px;
}

.restoran-kapak-gorseli {
height: 360px;
}

.restoran-kapak-dugmeleri {
left: 18px;
right: 18px;
top: 18px;
justify-content: stretch;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.restoran-kapak-dugmeleri .aksiyon-dugmesi {
min-width: 0;
width: 100%;
}

.restoran-galeri-akis-bolumu {
padding-top: 72px;
}

.restoran-galeri-akisi {
grid-template-columns: 1fr;
gap: 30px;
}

.restoran-metin-sutunu {
order: -1;
}

.restoran-metin-paneli {
position: relative;
top: auto;
padding-top: 0;
}

.restoran-metin-paneli h2 {
max-width: 12ch;
font-size: 38px;
}

.restoran-metin-paneli p {
max-width: 58ch;
}
}

@media (max-width: 767.98px) {
.restoran-ust-bolumu {
padding-top: 18px;
}

.restoran-ust-sol {
padding: 18px 16px 20px;
}

.restoran-ust-metin {
padding: 22px 2px 0;
}

.restoran-ust-metin h1 {
font-size: 30px;
}

.restoran-kapak-gorseli {
height: 320px;
}

.restoran-kapak-dugmeleri {
grid-template-columns: 1fr;
}

.restoran-galeri-ogeleri {
gap: 14px;
}

.restoran-metin-paneli h2 {
font-size: 32px;
}

.restoran-galeri-kapat {
top: 10px;
right: 10px;
}
}

@media (max-width: 575.98px) {
.restoran-ust-sol {
padding: 16px 14px 18px;
}

.restoran-ust-metin h1 {
font-size: 28px;
}

.restoran-kapak-gorseli {
height: 280px;
}

.restoran-galeri-akis-bolumu {
padding-top: 56px;
}

.restoran-galeri-ogeleri {
grid-template-columns: 1fr;
gap: 12px;
}

.restoran-galeri-ogesi {
aspect-ratio: 1 / 0.7;
}

.restoran-metin-paneli h2 {
font-size: 28px;
}

.restoran-metin-paneli p {
max-width: none;
}

#restoranGaleriBuyukResim {
border-radius: 16px;
}

.restoran-galeri-modal-baslik {
margin-top: 12px;
font-size: 14px;
}

.rezervasyon-modal .modal-header,
.rezervasyon-modal .modal-body {
padding-left: 20px;
padding-right: 20px;
}

.rezervasyon-modal-baslik {
font-size: 26px;
}

.rezervasyon-form-alt {
flex-direction: column;
align-items: stretch;
}

.rezervasyon-whatsapp-dugmesi {
width: 100%;
min-width: 0;
}
}

.restoran-galeri-akisi-ters {
grid-template-columns: 386px minmax(0, 1fr);
}

.restoran-galeri-akisi-ters .restoran-metin-paneli h2 {
max-width: 9.5ch;
}

@media (max-width: 1199.98px) {
.restoran-galeri-akisi-ters {
grid-template-columns: 330px minmax(0, 1fr);
}
}

@media (max-width: 991.98px) {
.restoran-galeri-akisi-ters {
grid-template-columns: 1fr;
}
}

.hakkimizda-icerik-bolumu {
padding-top: 100px;
}

.hakkimizda-icerik-yerlesimi {
display: grid;
grid-template-columns: minmax(0, 1fr) 1fr;
gap: 54px;
align-items: start;
}

.hakkimizda-medya-sutunu,
.hakkimizda-metin-sutunu {
min-width: 0;
}

.hakkimizda-medya-kutusu {
overflow: hidden;
border-radius: 14px;
box-shadow: var(--golge-yumusak);
}

.hakkimizda-medya-yer-tutucu {
min-height: 600px;
background: #050505;
transition: transform 0.5s var(--yavaslama), filter 0.5s ease;
}

.hakkimizda-medya-kutusu img.hakkimizda-medya-yer-tutucu {
display: block;
width: 100%;
height: 600px;
min-height: 0;
object-fit: cover;
}

.hakkimizda-medya-kutusu:hover .hakkimizda-medya-yer-tutucu {
transform: scale(1.01);
filter: brightness(1.04);
}

.hakkimizda-metin-paneli {
padding-top: 14px;
}

.hakkimizda-metin-paneli h2 {
margin: 0 0 26px;
font-size: 36px;
font-weight: 700;
line-height: 1.05;
letter-spacing: 0.01em;
color: var(--metin);
}

.hakkimizda-metin-paneli p {
margin: 0 0 22px;
font-size: 16px;
line-height: 1.68;
color: var(--metin-soluk);
}

@media (max-width: 1399.98px) {
.hakkimizda-icerik-yerlesimi {
gap: 42px;
}

.hakkimizda-metin-paneli h2 {
font-size: 50px;
}

.hakkimizda-medya-yer-tutucu {
min-height: 860px;
}
}

@media (max-width: 1199.98px) {
.hakkimizda-icerik-yerlesimi {
grid-template-columns: minmax(0, 1fr) 360px;
gap: 28px;
}

.hakkimizda-metin-paneli h2 {
font-size: 44px;
}

.hakkimizda-medya-yer-tutucu {
min-height: 760px;
}
}

@media (max-width: 991.98px) {
.hakkimizda-icerik-bolumu {
padding-top: 72px;
}

.hakkimizda-icerik-yerlesimi {
grid-template-columns: 1fr;
gap: 28px;
}

.hakkimizda-medya-sutunu {
order: 1;
}

.hakkimizda-metin-sutunu {
order: 2;
}

.hakkimizda-metin-paneli {
padding-top: 0;
}

.hakkimizda-metin-paneli h2 {
max-width: 12ch;
font-size: 38px;
}

.hakkimizda-metin-paneli p {
max-width: 58ch;
font-size: 15px;
line-height: 1.62;
}

.hakkimizda-medya-yer-tutucu {
min-height: 520px;
}
}

@media (max-width: 767.98px) {
.hakkimizda-metin-paneli h2 {
font-size: 32px;
}

.hakkimizda-medya-yer-tutucu {
min-height: 420px;
}
}

@media (max-width: 575.98px) {
.hakkimizda-icerik-bolumu {
padding-top: 56px;
}

.hakkimizda-metin-paneli h2 {
font-size: 28px;
}

.hakkimizda-metin-paneli p {
max-width: none;
font-size: 14px;
line-height: 1.58;
}

.hakkimizda-medya-kutusu {
border-radius: 12px;
}

.hakkimizda-medya-yer-tutucu {
min-height: 320px;
}
}

.odalar-detay-bolumu {
padding-top: 100px;
}

.odalar-detay-yerlesimi {
display: grid;
grid-template-columns: minmax(0, 1fr) 386px;
gap: 36px;
align-items: start;
}

.odalar-kart-sutunu,
.odalar-metin-sutunu {
min-width: 0;
}

.odalar-kart-gridi {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.oda-sayfa-karti {
position: relative;
display: block;
padding: 0;
border: 0;
overflow: hidden;
border-radius: 16px;
background: #d8cdbd;
box-shadow: var(--golge-yumusak);
cursor: pointer;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), filter 0.35s ease;
}

.oda-sayfa-karti:hover {
transform: translateY(-6px);
box-shadow: var(--golge);
filter: saturate(1.03);
}

.oda-sayfa-karti img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s var(--yavaslama);
}

.oda-sayfa-karti:hover img {
transform: scale(1.05);
}

.oda-sayfa-karti::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(19, 12, 6, 0.02) 0%, rgba(19, 12, 6, 0.18) 100%);
pointer-events: none;
}

.oda-sayfa-karti-buyuk {
grid-column: span 2;
height: 438px;
}

.oda-sayfa-karti:not(.oda-sayfa-karti-buyuk) {
height: 328px;
}

.oda-bilgi-bandi-sayfa {
position: absolute;
left: 18px;
right: 18px;
bottom: 18px;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 56px;
padding: 0 18px;
background: rgba(255, 255, 255, 0.94);
border-radius: 12px;
box-shadow: 0 10px 22px rgba(44, 28, 13, 0.08);
}

.oda-bilgi-bandi-sayfa strong {
font-size: 16px;
font-weight: 600;
line-height: 1.15;
color: var(--metin);
}

.odalar-metin-paneli {
position: sticky;
top: 28px;
padding-top: 8px;
}

.odalar-metin-paneli h2 {
margin: 0 0 20px;
font-size: 36px;
font-weight: 700;
line-height: 1.06;
letter-spacing: 0.01em;
color: var(--metin);
}

.odalar-metin-paneli p,
.odalar-vurgu-ogesi span {
font-size: 16px;
line-height: 1.68;
color: var(--metin-soluk);
}

.odalar-metin-paneli p {
margin: 0 0 18px;
}

.odalar-vurgu-listesi {
display: grid;
gap: 14px;
padding-top: 10px;
}

.odalar-vurgu-ogesi {
padding: 18px 18px 16px;
background: var(--krem);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 16px;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease;
}

.odalar-vurgu-ogesi:hover {
transform: translateY(-4px);
box-shadow: var(--golge-yumusak);
border-color: rgba(147, 96, 51, 0.2);
}

.odalar-vurgu-ogesi strong {
display: block;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
color: var(--metin);
}

.odalar-vurgu-ogesi span {
display: block;
}

@media (max-width: 1399.98px) {
.odalar-metin-paneli h2 {
font-size: 46px;
}
}

@media (max-width: 1199.98px) {
.odalar-detay-yerlesimi {
grid-template-columns: minmax(0, 1fr) 330px;
gap: 28px;
}

.oda-sayfa-karti-buyuk {
height: 390px;
}

.oda-sayfa-karti:not(.oda-sayfa-karti-buyuk) {
height: 286px;
}

.odalar-metin-paneli h2 {
font-size: 40px;
}
}

@media (max-width: 991.98px) {
.odalar-detay-bolumu {
padding-top: 72px;
}

.odalar-detay-yerlesimi {
grid-template-columns: 1fr;
gap: 30px;
}

.odalar-metin-paneli {
position: relative;
top: auto;
padding-top: 0;
}

.odalar-metin-paneli h2 {
max-width: 12ch;
font-size: 38px;
}

.odalar-metin-paneli p {
max-width: 58ch;
font-size: 15px;
line-height: 1.62;
}
}

@media (max-width: 767.98px) {
.odalar-kart-gridi {
grid-template-columns: 1fr;
gap: 16px;
}

.oda-sayfa-karti-buyuk {
grid-column: auto;
height: 300px;
}

.oda-sayfa-karti:not(.oda-sayfa-karti-buyuk) {
height: 260px;
}

.oda-bilgi-bandi-sayfa {
left: 14px;
right: 14px;
bottom: 14px;
min-height: 52px;
padding: 0 16px;
}

.oda-bilgi-bandi-sayfa strong {
font-size: 15px;
}

.odalar-metin-paneli h2 {
font-size: 32px;
}
}

@media (max-width: 575.98px) {
.odalar-detay-bolumu {
padding-top: 56px;
}

.oda-sayfa-karti-buyuk,
.oda-sayfa-karti:not(.oda-sayfa-karti-buyuk) {
height: 224px;
}

.oda-bilgi-bandi-sayfa {
left: 10px;
right: 10px;
bottom: 10px;
min-height: 46px;
padding: 0 14px;
}

.oda-bilgi-bandi-sayfa strong {
font-size: 14px;
}

.odalar-metin-paneli h2 {
font-size: 28px;
}

.odalar-metin-paneli p,
.odalar-vurgu-ogesi span {
font-size: 14px;
line-height: 1.58;
}

.odalar-vurgu-ogesi {
padding: 16px 16px 14px;
}
}

.oda-detay-icerik-bolumu {
padding-top: 100px;
}

.oda-detay-yerlesimi {
display: grid;
grid-template-columns: minmax(0, 1fr) 386px;
gap: 36px;
align-items: start;
}

.oda-detay-gorsel-sutunu,
.oda-detay-metin-sutunu {
min-width: 0;
}

.oda-detay-ana-gorsel,
.oda-detay-kucuk-karti {
position: relative;
display: block;
width: 100%;
padding: 0;
border: 0;
overflow: hidden;
border-radius: 16px;
background: #d8cdbd;
box-shadow: var(--golge-yumusak);
cursor: pointer;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), filter 0.35s ease;
}

.oda-detay-ana-gorsel:hover,
.oda-detay-kucuk-karti:hover {
transform: translateY(-6px);
box-shadow: var(--golge);
filter: saturate(1.03);
}

.oda-detay-ana-gorsel::after,
.oda-detay-kucuk-karti::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(19, 12, 6, 0.02) 0%, rgba(19, 12, 6, 0.16) 100%);
pointer-events: none;
}

.oda-detay-ana-gorsel {
height: 520px;
}

.oda-detay-ana-gorsel img,
.oda-detay-kucuk-karti img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s var(--yavaslama);
}

.oda-detay-ana-gorsel:hover img,
.oda-detay-kucuk-karti:hover img {
transform: scale(1.05);
}

.oda-detay-kucuk-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
padding-top: 20px;
}

.oda-detay-kucuk-karti {
height: 246px;
}

.oda-detay-bilgi-karti {
min-height: 214px;
padding: 24px 22px;
background: var(--krem);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: var(--golge-yumusak);
}

.oda-detay-bilgi-karti span {
display: inline-flex;
align-items: center;
width: fit-content;
padding: 8px 12px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--kahve);
}

.oda-detay-bilgi-karti strong {
display: block;
font-size: 28px;
font-weight: 700;
line-height: 1.08;
letter-spacing: 0.01em;
color: var(--metin);
}

.oda-detay-metin-paneli {
position: sticky;
top: 28px;
padding-top: 8px;
}

.oda-detay-etiketi {
display: inline-flex;
align-items: center;
padding: 8px 12px;
margin-bottom: 16px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--kahve);
}

.oda-detay-metin-paneli h2 {
margin: 0 0 20px;
font-size: 36px;
font-weight: 700;
line-height: 1.06;
letter-spacing: 0.01em;
color: var(--metin);
}

.oda-detay-metin-paneli p,
.oda-detay-ozellik span,
.oda-detay-vurgu p {
font-size: 16px;
line-height: 1.68;
color: var(--metin-soluk);
}

.oda-detay-metin-paneli p {
margin: 0 0 18px;
}

.oda-detay-ozellik-gridi {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
padding-top: 8px;
}

.oda-detay-ozellik {
padding: 16px 16px 14px;
background: var(--krem);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 16px;
}

.oda-detay-ozellik strong {
display: block;
margin-bottom: 6px;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
color: var(--metin);
}

.oda-detay-ozellik span {
display: block;
font-size: 15px;
line-height: 1.5;
}

.oda-detay-vurgu-listesi {
display: grid;
gap: 14px;
padding-top: 18px;
}

.oda-detay-vurgu {
display: grid;
grid-template-columns: 12px minmax(0, 1fr);
gap: 12px;
align-items: start;
}

.oda-detay-nokta {
width: 12px;
height: 12px;
margin-top: 8px;
border-radius: 50%;
background: var(--kahve);
}

.oda-detay-vurgu p {
max-width: 34ch;
margin: 0;
}

@media (max-width: 1399.98px) {
.oda-detay-metin-paneli h2 {
font-size: 44px;
}

.oda-detay-bilgi-karti strong {
font-size: 24px;
}
}

@media (max-width: 1199.98px) {
.oda-detay-yerlesimi {
grid-template-columns: minmax(0, 1fr) 330px;
gap: 28px;
}

.oda-detay-ana-gorsel {
height: 440px;
}

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

.oda-detay-kucuk-karti {
height: 228px;
}

.oda-detay-bilgi-karti {
grid-column: span 2;
min-height: auto;
}

.oda-detay-metin-paneli h2 {
font-size: 40px;
}
}

@media (max-width: 991.98px) {
.oda-detay-icerik-bolumu {
padding-top: 72px;
}

.oda-detay-yerlesimi {
grid-template-columns: 1fr;
gap: 30px;
}

.oda-detay-metin-paneli {
position: relative;
top: auto;
padding-top: 0;
}

.oda-detay-metin-paneli h2 {
max-width: 12ch;
font-size: 38px;
}

.oda-detay-metin-paneli p,
.oda-detay-ozellik span,
.oda-detay-vurgu p {
font-size: 15px;
line-height: 1.62;
}

.oda-detay-metin-paneli p,
.oda-detay-vurgu p {
max-width: 58ch;
}
}

@media (max-width: 767.98px) {
.oda-detay-ana-gorsel {
height: 320px;
}

.oda-detay-kucuk-grid {
grid-template-columns: 1fr;
gap: 16px;
padding-top: 16px;
}

.oda-detay-kucuk-karti {
height: auto;
}

.oda-detay-kucuk-karti,
.oda-detay-bilgi-karti {
min-height: 260px;
}

.oda-detay-bilgi-karti {
padding: 20px 18px;
}

.oda-detay-bilgi-karti strong {
font-size: 22px;
}

.oda-detay-metin-paneli h2 {
font-size: 32px;
}

.oda-detay-ozellik-gridi {
grid-template-columns: 1fr;
}

.hakkimizda-medya-kutusu img.hakkimizda-medya-yer-tutucu {
height: 320px;
}
}

@media (max-width: 575.98px) {
.oda-detay-icerik-bolumu {
padding-top: 56px;
}

.oda-detay-ana-gorsel {
height: 240px;
}

.oda-detay-kucuk-karti,
.oda-detay-bilgi-karti {
min-height: 220px;
}

.oda-detay-bilgi-karti {
padding: 18px 16px;
}

.oda-detay-bilgi-karti strong {
font-size: 20px;
}

.oda-detay-metin-paneli h2 {
font-size: 28px;
}

.oda-detay-metin-paneli p,
.oda-detay-ozellik span,
.oda-detay-vurgu p {
font-size: 14px;
line-height: 1.58;
}
}

.iletisim-icerik-bolumu {
padding-top: 100px;
}

.iletisim-yerlesimi {
display: grid;
grid-template-columns: 386px minmax(0, 1fr);
gap: 36px;
align-items: start;
}

.iletisim-bilgi-sutunu,
.iletisim-form-sutunu,
.iletisim-harita-sutunu {
min-width: 0;
}

.iletisim-bilgi-paneli {
position: sticky;
top: 28px;
padding-top: 8px;
}

.iletisim-etiketi {
display: inline-flex;
align-items: center;
padding: 8px 12px;
margin-bottom: 16px;
border-radius: 999px;
background: rgba(147, 96, 51, 0.08);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--kahve);
}

.iletisim-bilgi-paneli h2,
.iletisim-form-baslik h3 {
margin: 0;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--metin);
}

.iletisim-bilgi-paneli h2 {
margin-bottom: 20px;
font-size: 36px;
line-height: 1.06;
}

.iletisim-bilgi-paneli p,
.iletisim-form-baslik p,
.iletisim-karti p,
.iletisim-form-alt p,
.iletisim-alan input,
.iletisim-alan textarea,
.iletisim-ek-karti p {
font-size: 16px;
line-height: 1.68;
color: var(--metin-soluk);
}

.iletisim-bilgi-paneli p {
margin: 0 0 22px;
}

.iletisim-kart-listesi {
display: grid;
gap: 14px;
}

.iletisim-karti {
padding: 18px 18px 16px;
background: var(--krem);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 16px;
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease;
}

.iletisim-karti:hover,
.iletisim-ek-karti:hover {
transform: translateY(-4px);
box-shadow: var(--golge-yumusak);
border-color: rgba(147, 96, 51, 0.2);
}

.iletisim-karti strong,
.iletisim-ek-karti strong {
display: block;
margin-bottom: 6px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
color: var(--metin);
}

.iletisim-karti p,
.iletisim-ek-karti p {
margin: 0;
}

.iletisim-hizli-dugmeler {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
padding-top: 18px;
}

.iletisim-form-paneli {
padding: 34px 30px 30px;
background: var(--krem);
border-radius: 18px;
}

.iletisim-harita-paneli {
padding: 34px 30px 30px;
background: var(--krem);
border-radius: 18px;
}

.iletisim-form-baslik {
max-width: 660px;
margin-bottom: 26px;
}

.iletisim-harita-baslik {
max-width: 660px;
margin-bottom: 22px;
}

.iletisim-form-baslik h3 {
margin-bottom: 14px;
font-size: 34px;
line-height: 1.08;
}

.iletisim-harita-baslik h3 {
margin: 0 0 14px;
font-size: 36px;
font-weight: 700;
line-height: 1.08;
letter-spacing: 0.01em;
color: var(--metin);
}

.iletisim-form-baslik p {
margin: 0;
}

.iletisim-harita-baslik p {
margin: 0;
font-size: 16px;
line-height: 1.68;
color: var(--metin-soluk);
}

.iletisim-harita-cerceve {
overflow: hidden;
border-radius: 18px;
border: 1px solid rgba(147, 96, 51, 0.12);
background: #ddd3c0;
box-shadow: var(--golge-yumusak);
}

.iletisim-harita-cerceve iframe {
display: block;
width: 100%;
height: 540px;
border: 0;
}

.iletisim-harita-alt {
display: flex;
justify-content: flex-end;
padding-top: 18px;
}

.iletisim-form-gridi {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.iletisim-alan {
display: grid;
gap: 8px;
}

.iletisim-alan-tam {
grid-column: 1 / -1;
}

.iletisim-alan label {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--metin);
}

.iletisim-alan input,
.iletisim-alan textarea {
width: 100%;
padding: 15px 16px;
border: 1px solid rgba(147, 96, 51, 0.14);
border-radius: 14px;
background: rgba(255, 255, 255, 0.9);
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iletisim-alan textarea {
resize: vertical;
min-height: 180px;
}

.iletisim-alan input:focus,
.iletisim-alan textarea:focus {
border-color: rgba(147, 96, 51, 0.34);
box-shadow: 0 0 0 4px rgba(147, 96, 51, 0.08);
background: var(--beyaz);
}

.iletisim-form-alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-top: 22px;
}

.iletisim-form-alt p {
max-width: 34ch;
margin: 0;
}

.iletisim-form-alt .aksiyon-dugmesi {
min-width: 176px;
}

.iletisim-ek-bilgi {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
padding-top: 18px;
}

.iletisim-ek-karti {
padding: 22px 20px 18px;
background: var(--beyaz);
border: 1px solid rgba(147, 96, 51, 0.1);
border-radius: 16px;
box-shadow: var(--golge-yumusak);
transition: transform 0.35s var(--yavaslama), box-shadow 0.35s var(--yavaslama), border-color 0.35s ease;
}

@media (max-width: 1399.98px) {
.iletisim-bilgi-paneli h2 {
font-size: 44px;
}
}

@media (max-width: 1199.98px) {
.iletisim-yerlesimi {
grid-template-columns: 330px minmax(0, 1fr);
gap: 28px;
}

.iletisim-form-paneli {
padding: 28px 24px 24px;
}

.iletisim-harita-paneli {
padding: 28px 24px 24px;
}

.iletisim-form-baslik h3 {
font-size: 30px;
}

.iletisim-harita-baslik h3 {
font-size: 30px;
}

.iletisim-bilgi-paneli h2 {
font-size: 40px;
}
}

@media (max-width: 991.98px) {
.iletisim-icerik-bolumu {
padding-top: 72px;
}

.iletisim-yerlesimi {
grid-template-columns: 1fr;
gap: 30px;
}

.iletisim-bilgi-paneli {
position: relative;
top: auto;
padding-top: 0;
}

.iletisim-bilgi-paneli h2 {
max-width: 12ch;
font-size: 38px;
}

.iletisim-bilgi-paneli p,
.iletisim-form-baslik p,
.iletisim-harita-baslik p,
.iletisim-karti p,
.iletisim-form-alt p,
.iletisim-alan input,
.iletisim-alan textarea,
.iletisim-ek-karti p {
font-size: 15px;
line-height: 1.62;
}

.iletisim-harita-cerceve iframe {
height: 480px;
}
}

@media (max-width: 767.98px) {
.iletisim-bilgi-paneli h2 {
font-size: 32px;
}

.iletisim-hizli-dugmeler,
.iletisim-form-gridi,
.iletisim-ek-bilgi {
grid-template-columns: 1fr;
}

.iletisim-form-alt {
flex-direction: column;
align-items: stretch;
}

.iletisim-form-alt .aksiyon-dugmesi {
width: 100%;
min-width: 0;
}

.iletisim-harita-alt {
justify-content: stretch;
}

.iletisim-harita-alt .aksiyon-dugmesi {
width: 100%;
}

.iletisim-harita-cerceve iframe {
height: 380px;
}
}

@media (max-width: 575.98px) {
.iletisim-icerik-bolumu {
padding-top: 56px;
}

.iletisim-bilgi-paneli h2 {
font-size: 28px;
}

.iletisim-bilgi-paneli p,
.iletisim-form-baslik p,
.iletisim-harita-baslik p,
.iletisim-karti p,
.iletisim-form-alt p,
.iletisim-alan input,
.iletisim-alan textarea,
.iletisim-ek-karti p {
font-size: 14px;
line-height: 1.58;
}

.iletisim-form-paneli {
padding: 24px 16px 18px;
}

.iletisim-harita-paneli {
padding: 24px 16px 18px;
}

.iletisim-form-baslik h3 {
font-size: 26px;
}

.iletisim-harita-baslik h3 {
font-size: 26px;
}

.iletisim-karti,
.iletisim-ek-karti {
padding: 18px 16px 14px;
}

.iletisim-harita-cerceve iframe {
height: 300px;
}
}

@media (max-width: 991.98px) {
.restoran-kapak-dugmeleri .dil-acilir {
grid-column: 1 / -1;
}

.restoran-kapak-dugmeleri .dil-acilir-dugme {
width: 100%;
justify-content: space-between;
}

.restoran-kapak-dugmeleri .dil-acilir-menusu {
width: 100%;
min-width: 0;
}
}

@media (max-width: 767.98px) {
.kahraman-aksiyonlari .dil-acilir,
.restoran-kapak-dugmeleri .dil-acilir {
width: 100%;
}

.kahraman-aksiyonlari .dil-acilir-dugme,
.restoran-kapak-dugmeleri .dil-acilir-dugme {
width: 100%;
justify-content: space-between;
}

.kahraman-aksiyonlari .dil-acilir-menusu,
.restoran-kapak-dugmeleri .dil-acilir-menusu {
width: 100%;
min-width: 0;
}
}