/* Google Fonts moved to a single in each page (2026-06-08b)
to remove the render-blocking @import request chain. */
body,html{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-size:13px;color:#111;background: #fff;font-family: 'Urbanist', sans-serif;overflow-x:hidden!important}
body.scrollHidden{overflow:hidden!important}
*{box-sizing:border-box}
body[lang="RU"] *{font-family: Arial !important;}
body[lang="HY"] *{font-family: Arial !important;}
body[lang="RU"] .fab, body[lang="RU"] .fa-brands {font-family: 'Font Awesome 6 Brands' !important;}
body[lang="HY"] .fab, body[lang="HY"] .fa-brands {font-family: 'Font Awesome 6 Brands' !important;}
a{color:#7f0000}
a:hover{color:#777;text-decoration:none}
:focus{outline:0}
.left{float:left}
.right{float:right}
.none{display:none!important}
.fadee{-webkit-transition:all 1s cubic-bezier(.23,1,.32,1);-moz-transition:all 1s cubic-bezier(.23,1,.32,1);-o-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}
.t{display:table;width:100%;height:100%}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.btn-primary{color:#fff;background-color:#7f0000;border-color:#7f0000;border-radius: 30px;}
.btn-primary:hover{color:#fff;background-color:#7f0000;border-color:#7f0000}
label.error{color:red;font-size:11px;position:relative;top:-10px}
input.error,select.error,textarea.error{border:1px solid red!important}
button{cursor: pointer;}
.btn:focus{outline:0 !important; box-shadow: 0 !important;}
.btn-primary:focus{outline:0 !important; box-shadow: 0 !important;}
header#header{width:100%;background: #fff;float:left;position:fixed;top:0;z-index:901;padding: 0 15px;}
#logo{float:left;padding:0;}
#logo a{display:inline-block;padding: 14px 0;}
#logo img{height: 72px;}
nav#menu{float: left;font-weight: 500;font-size: 16px;margin-left: 60px;}
nav#menu ul#header-menu{list-style:none;float:right;padding:0;margin:0;text-align:center;position:relative;display:inline-block}
nav#menu ul#header-menu li{display:inline-block;margin:0 15px;padding: 35px 0;}
nav#menu ul#header-menu li a{color: #333;display:block;padding:5px 10px;text-transform:uppercase;font-weight: 700;letter-spacing: 1px;}
nav#menu ul#header-menu li.selected a {color:#7f0000;}
nav#menu ul#header-menu li:hover a{color:#7f0000}
nav#menu ul#header-menu li:last-child a{padding:5px 4px 5px 10px}
nav#menu ul#header-menu li.selected a:after{content:"";height: 2px;width: 100%;background: #7f0000;display:block;}
nav#menu ul#header-menu li ul.header-child-menu{display:none;position:absolute;list-style:none;background:#fff;margin:30px 0 0 0;padding:15px;border-radius:0 0 15px 15px}
nav#menu ul#header-menu li ul.header-child-menu li{float:none;display:block;margin:0;text-align:left;padding:0}
nav#menu ul#header-menu li ul.header-child-menu li a{color:#000;margin:0;display:inline-block;font-size:18px;padding:5px 10px;min-width:200px}
nav#menu ul#header-menu li:hover ul.header-child-menu li a{background:0 0;color:#666;position:relative}
nav#menu ul#header-menu li ul.header-child-menu li:hover a{color:#7f0000}
nav#menu ul#header-menu li:hover ul.header-child-menu{display:block}
nav#menu ul#header-menu li ul.header-child-menu li:first-child a:after{display:none}
nav#menu ul#header-menu ul.header-third-menu{display:none;position:absolute;background:rgba(0,0,0,.3)}
nav#menu ul#header-menu ul.header-third-menu li{display:block!important}
nav#menu ul#header-menu ul.header-child-menu li:hover ul.header-third-menu{display:block}
header#header #socialmedia{float:right;margin: 40px 0 0 0;}
header#header #socialmedia a{color: #333;font-size: 18px;margin: 0 4px;}
header#header #socialmedia a:hover{color:#7f0000}
header#header #call{float:right;color:#000;font-size: 13px;background:#7f0000;text-transform:uppercase;margin-top: 30px;display:inline-block;font-weight: 700;letter-spacing:1px;margin-left:20px;position:relative;border-radius: 50px;}
header#header #call a{color: #fff;display:block;padding: 12px 20px 11px 50px;}
header#header #call:hover{opacity:.8}
header#header #call img{height:22px;position:absolute;left:20px;margin-top: -1px;}
header#header #header-lang{float:right;margin: 31px 0 0 0;position: relative;}
header#header ul.lang span{font-weight: 700;}
header#header ul.lang small{margin-left: 4px;font-size: 12px;color: #000;position: relative;top: 1px;}
header#header ul.lang{list-style:none;float: left;margin: 0;padding: 0;color: #333;}
header#header ul.lang li{float:left;margin-right:5px}
header#header ul.lang a{display:block;margin-left: 0 !important;padding: 3px;}
header#header ul.lang img{height:24px}
header#header .otherLang{display:none;background:#fff;padding:8px 0;position:absolute;width:42px;text-align:center;box-shadow:2px 1px 5px rgba(0,0,0,.3);margin-left:-10px;border-radius: 2px;}
header#header ul.lang:hover .otherLang{display:block}
body.fixed #header{}
body.fixed #logo{padding:5px 0 0 0}
body.fixed #logo a {padding: 7px 0;}
body.fixed #logo a img{height:40px}
body.fixed nav#menu ul#header-menu li ul.header-child-menu {margin: 0;}
body.fixed nav#menu ul#header-menu li a{}
body.fixed nav#menu ul#header-menu li a:hover{color:#7f0000}
body.fixed #header:hover{}
body.fixed nav#menu ul#header-menu li{padding: 15px 0;}
body.fixed header#header #call{margin-top: 11px;}
body.fixed header#header #socialmedia {margin: 20px 0 0 0;}
body.fixed header#header #header-lang {margin: 11px 0 0 0;}
.headerHover #top{background:rgba(255,255,255,.9)}
.headerHover #top .top-right #top-menus a{color:#666;text-shadow:1px 1px 1px #fff;border-left:1px solid #666}
.headerHover #top .top-right #top-menus a:first-child{border-left:0}
.headerHover #top .top-right #top-lang a.selectedLang{color:#666;text-shadow:1px 1px 1px #fff;border-left:1px solid #666}
.headerHover #top .top-right #booknowBtn a.headerRezBtn{color:#666;text-shadow:1px 1px 1px #fff;border-left:1px solid #666}
.headerHover nav#menu ul#header-menu li a{color:#666;text-shadow:1px 1px 1px #fff}
.headerHover #top.top-home-hotel .top-center #top-menus a{color:#666}
.headerHover #top.top-home-hotel .top-right #top-lang a{border-left:0}
.kurucular .kp-box-01-text-desc{}
.kurucular ul{margin: 60px auto 0 auto;padding: 0;width: 75%;}
.kurucular ul li{list-style: none;margin-bottom: 30px;display: flex;align-items: center;height: fit-content;}
.kurucular ul li:nth-child(2n){}
.kurucular img{border-radius: 50%;margin-right: 20px;width: 160px;box-shadow: 0 20px 20px #ddd;border: 4px solid #fff;}
.kurucular blockquote{margin: 0;}
.kurucular a{text-decoration: underline;}
video#vid{left:50%;min-height:100%;min-width:100%;width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9;object-fit:cover}
section#slider{width:100%;position:relative;top: 100px;clear:both;height:calc(100vh - 130px);overflow:hidden;padding: 5px 30px 15px 30px;margin-bottom: 130px;}
section#slider .playvideo{position:absolute;left: 20px;bottom: 20px;z-index:8;border:1px solid #fff;color:#fff;padding:10px 30px;font-size: 12px;text-transform:uppercase;background:rgba(0,0,0,.2);cursor:pointer;border-radius: 50px;}
section#slider .owl-carousel .item{background-position:center;background-size:cover}
section#slider .owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;right:0;width:50px}
section#slider .owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;left:0;width:50px}
section#slider .owl-carousel .owl-nav span{display:block;padding-bottom:15px}
section#slider .owl-dots{position:absolute;bottom:0;width:100%}
section#slider .owl-theme .owl-nav [class*=owl-]:hover{color:#333;background:0 0}
section#slider .owl-theme .owl-dots .owl-dot.active span,section#slider .owl-theme .owl-dots .owl-dot:hover span{background:#7f0000}
section#slider .owl-carousel .owl-nav button:focus{outline:0}
section#slider .owl-carousel .owl-item img{object-fit:cover;height:100vh}
section#slider .owl-carousel .owl-item .slideImage:before{content:"";display:block;background:rgba(0,0,0,.25);position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1}
section#slider .item .item-text{display:flex;position:absolute;z-index:2;top:0px;left:0;width:100%;height: calc(100% - 135px);align-items:center;justify-content:center}
section#slider .item .slideText{text-align:center;max-width:90%; width: 100%;}
section#slider .item .slideTextBig{color:#fff;font-size: 72px;line-height: 92px;z-index:1;display:block;width: 75%;margin: auto;font-weight: 600;font-family: 'Quicksand', sans-serif;}
section#slider .item .slideTextSmall{color:rgba(255,255,255,.8);font-size: 22px;line-height: 36px;z-index:1;display:block;font-weight: 400;width: 50%;margin: 20px auto;}
section#slider .item .slideBtn{color: #fff;font-size:16px;background:#7f0000;padding:15px 50px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:50px;font-weight:500;letter-spacing:1px;position: relative;top: 0;}
section#slider .item .slideBtn:hover {top:-10px;}
section#subSlider {position:relative;height: 50vh;background: linear-gradient(0deg, #e3b38f 0%, rgb(167 72 38) 100%);margin-top: 100px;}
section#subSlider .item .item-text{display:flex;position:absolute;z-index:2;top: 0px;left:0;width:100%;height: 50vh;align-items:center;justify-content:center;text-align: center;}
/*section#subSlider .item .slideTextBig{color:#fff;font-size:92px;line-height:92px;z-index:1;display:block;font-weight: 800;width: 100%;margin: auto;}*/
section#subSlider .item .slideTextBig{color:#fff;font-size:92px;line-height:92px;z-index:1;display:block;font-weight: 600;width: 100%;margin: auto;font-family: 'Quicksand', sans-serif;}
section#subSlider .item {height: 100%;}
section#subSlider .owl-carousel {height: 100%;}
section#subSlider .owl-stage-outer {height: 100%;}
section#subSlider .owl-stage {height: 100%;}
section#subSlider .owl-item {height: 100%;}
section#subSlider .item .slideImage {height: 100%;}
section#subSlider .slideImage:before{content:"";display:block;background:rgba(127,0,0,.75);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
section#subSlider .slideImage img{width: 100%; height: 100%; object-fit: cover;}
.owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;right:0;width:50px}
.owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;left:0;width:50px}
.owl-carousel .owl-nav span{display:block;padding-bottom:15px}
.owl-carousel .owl-nav button.owl-prev{left:-00px;color:#7f0000}
.owl-carousel .owl-nav button.owl-next{right:-00px;color:#7f0000}
.owl-carousel .owl-nav button.owl-prev:hover{background:0 0;color:#333}
.owl-carousel .owl-nav button.owl-next:hover{background:0 0;color:#333}
.owl-carousel .owl-nav button:focus{outline:0}
.owl-carousel .owl-dots{margin:0;bottom: 30px;position: relative;}
.owl-carousel .owl-dots .owl-dot span{background:#fff;border: 1px solid #7f0000;width: 16px;height: 16px;margin: 5px 2px;}
.owl-carousel .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#7f0000;opacity: 1;}
.owl-carousel .owl-dots button:focus{outline:0}
section#home-houses {padding: 30px;}
section#home-houses .home-houses-text-flex {display: flex;align-items: center;height: 100%;padding: 0 0px 0 30px;}
section#home-houses .home-houses-text {}
section#home-houses .home-houses-text h2{color: #7f0000;font-size: 56px;line-height: 56px;font-weight: 700;font-family: 'Quicksand', sans-serif;}
section#home-houses .home-houses-text .desc{font-size: 16px;font-weight: 600;margin: 24px 0;line-height: 26px;color: #333;}
section#home-houses .home-houses-foto{}
section#home-houses .home-houses-foto img{width: 100%;}
section#home-houses a.home-house-btn {}
section #rooms {}
section #rooms h2.allRoomsTitle{text-align: center;color:#7f0000;position: relative;margin-bottom: 30px;}
section #rooms #room-types{position: sticky;margin: 0 30px;text-align: center;font-size: 20px;font-weight: 700;padding: 15px 0;top: 60px;z-index: 999;background: #fff;}
section #rooms #room-types a{margin: 0 5px;background:#eee; color:#333; border:0}
section #rooms #room-types a.selected{background:#7f0000; color:#fff}
section #rooms #room-types a:hover{opacity: .6;}
.sevan-nisanyan-kitaplari .container-kp img {margin-bottom: 4px;}
.kp-polygon-01 {clip-path: polygon(0% 0%,calc(50% - 5px) 0,calc(50% - 5px) 100%,calc(50% + 5px) 100%,calc(50% + 5px) 50px,100% 50px,100% 100%,calc(50% - 5px) 100%,calc(50% - 5px) calc(100% - 50px),0 calc(100% - 50px),0 50px);}
.kp-polygon-02 {clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);}
.kp-polygon-03 {clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);}
.kp-box-gallery-links a{display: none !important;}
.kp-box-gallery-links a:nth-child(1) {display: block !important;}
/*kp-box-01*/
section#kp-box-01{background-image: url(assets/img/stone-pattern.jpg);color:#111;padding: 60px 0;background-size: 450px auto;position: relative;}
section#kp-box-01:before{content:"";display:block;width:100%;height:100%;background: rgba(255,255,255,.8);position: absolute;top: 0;}
section#kp-box-01 .kp-box-01-foto{margin:0;height:100%;position:relative;}
section#kp-box-01 .kp-box-01-foto img{width:100%;object-fit: cover;}
section#kp-box-01 .kp-box-01-foto img:nth-child(2){width:70%;position:absolute;left:0;top:33%;background:#fff;padding:20px 20px 0 0}
section#kp-box-01 .kp-box-01-text{padding: 30px 0px 30px 0px;display:flex;align-items:center;margin:auto;position:relative;}
section#kp-box-01 .kp-box-01-text-subtitle{color: #7f0000;font-size: 32px;line-height: 32px;margin-bottom:20px;font-weight: 700;letter-spacing: 1px;padding-left: 10px;font-family: 'Quicksand', sans-serif;}
section#kp-box-01 .kp-box-01-text-title{color: #7f0000;font-size: 38px;line-height: 40px;font-weight: 700;font-family: 'Quicksand', sans-serif;}
section#kp-box-01 .kp-box-01-text-title:before{display:block;text-align:right;width:25px;height:1px;background:#111;position:relative;left:calc(100% - 25px);margin-bottom:14px}
section#kp-box-01 .kp-box-01-text-desc{font-size: 16px;font-weight: 600;margin: 24px 0;line-height: 26px;color: #333;}
section#kp-box-01 .kp-box-01-text-link{position:relative;top:0;color: #fff;font-size: 16px;background:#7f0000;padding: 15px 40px;margin-top:15px;display:inline-block;border-radius:50px;font-weight: 500;letter-spacing:1px}
section#kp-box-01 .kp-box-01-text-link:hover{top:-10px;}
section#kp-box-01 .kp-box-01-text2{font-size: 18px;text-align: right;font-weight: 600;}
section#kp-box-01 .kp-box-01-text2 p{margin-bottom: 10px;}
section#kp-box-01 .kp-box-01-text2 .logos{margin-top: 60px;}
section#kp-box-01 .kp-box-01-text2 img{height: 24px;}
/*kp-box-02*/
section#kp-box-02{color:#111;padding:150px 0;background-size: cover;position: relative;}
section#kp-box-02:before{content:"";display:block;width:100%;height:100%;background: rgba(0,0,0,.7);position: absolute;top: 0;}
section#kp-box-02 .kp-box-02-foto{margin:0;height:100%;position:relative;}
section#kp-box-02 .kp-box-02-foto img{width:100%;object-fit: cover;aspect-ratio: 4/3;}
section#kp-box-02 .kp-box-02-foto img:nth-child(2){width:70%;position:absolute;left:0;top:33%;background:#fff;padding:20px 20px 0 0}
section#kp-box-02 .kp-box-02-text{display:flex;align-items:center;margin:auto;position:relative;}
section#kp-box-02 .kp-box-02-text-subtitle{color: #A74825;font-size: 15px;margin-bottom:20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
section#kp-box-02 .kp-box-02-text-title{color: #fff;font-size: 56px;line-height: 62px;font-family: 'Quicksand', sans-serif;font-weight: 600;}
section#kp-box-02 .kp-box-02-text-title:before{display:block;text-align:right;width:25px;height:1px;background:#111;position:relative;left:calc(100% - 25px);margin-bottom:14px}
section#kp-box-02 .kp-box-02-text-desc{font-size:16px;font-weight: 600;margin: 15px 0;line-height: 24px;color: #ccc;}
section#kp-box-02 .kp-box-02-text-link{position:relative;top:0;color: #fff;font-size: 13px;background:#7f0000;padding: 15px 40px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:50px;font-weight: 700;letter-spacing:1px}
section#kp-box-02 .kp-box-02-text-link:hover{top:-10px;}
section#kp-box-02 .kp-box-02-gallery-button{display: none;}
section#kp-box-02 .kp-box-02-gallery-button:first-child{display: inline-block;}
.kp-col-text {justify-content: center; display: flex;}
section#kp-box-02.yemekatolyesi{}
section#kp-box-02.yemekatolyesi:before{content:"";display:block;width:100%;height:100%;background: rgba(255,255,255,.9);position: absolute;top: 0;}
section#kp-box-02.yemekatolyesi .kp-box-02-foto{}
section#kp-box-02.yemekatolyesi .kp-box-02-foto img{ width: 120%;float: right;position: relative;z-index: 0;}
section#kp-box-02.yemekatolyesi .kp-box-02-foto img:nth-child(2){}
section#kp-box-02.yemekatolyesi .kp-box-02-text {background-image: url(assets/img/food-pattern-red.png);padding: 60px;position: relative;z-index: 1;}
section#kp-box-02.yemekatolyesi .kp-box-02-text-subtitle{display: none;}
section#kp-box-02.yemekatolyesi .kp-box-02-text-title{font-weight: 600;font-size: 42px;font-family: 'Quicksand', sans-serif;}
section#kp-box-02.yemekatolyesi .kp-box-02-text-title:before{}
section#kp-box-02.yemekatolyesi .kp-box-02-text-desc{color: #fff;}
section#kp-box-02.yemekatolyesi .kp-box-02-text-link{background: #fff;color: #7f0000;}
section#kp-box-02.yemekatolyesi .kp-box-02-text-link:hover{}
section#kp-box-02.yemekatolyesi .kp-box-02-gallery-button{}
section#kp-box-02.yemekatolyesi .kp-box-02-gallery-button:first-child{}
section#kp-box-02.osmanliyemekleri{background-color: #7f0000;}
section#kp-box-02.osmanliyemekleri:before{content:"";display:block;width:100%;height:100%;background: rgba(255,255,255,.9);position: absolute;top: 0;}
section#kp-box-02.osmanliyemekleri .kp-box-02-foto{}
section#kp-box-02.osmanliyemekleri .kp-box-02-foto img{ width: 120%;float: left;position: relative;z-index: 0;}
section#kp-box-02.osmanliyemekleri .kp-box-02-foto img:nth-child(2){}
section#kp-box-02.osmanliyemekleri .kp-box-02-text {background-image: url(assets/img/food-pattern-red.png);padding: 60px;position: relative;z-index: 1;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-subtitle{display: none;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-title{font-weight: 600;font-size: 42px;font-family: 'Quicksand', sans-serif;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-title:before{}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-desc{color: #fff;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-link{background: #fff;color: #7f0000;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-link:hover{}
section#kp-box-02.osmanliyemekleri .kp-box-02-gallery-button{}
section#kp-box-02.osmanliyemekleri .kp-box-02-gallery-button:first-child{}
.kp-col-text {justify-content: center;display: flex;}
/*kp-box-03*/
section#kp-box-03{width:100%;padding: 120px 0;position: relative;}
section#kp-box-03:before{content:"";display:block;width:100%;height:100%;background: rgba(255,255,255,.8);position: absolute;top: 0;}
section#kp-box-03 .container-fluid , section#kp-box-03 .container{position: relative; z-index: 1;}
section#kp-box-03 .kp-box-03-text{}
section#kp-box-03 .kp-box-03-title{color: #7f0000;font-size: 56px;line-height: 56px;font-weight: 700;font-family: 'Quicksand', sans-serif;}
section#kp-box-03 .kp-box-03-subtitle{color: #7f0000;font-size: 15px;margin-bottom:20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;display: none;}
section#kp-box-03 .kp-box-03-desc{font-size:16px;font-weight: 600;margin: 15px auto;line-height: 24px;color: #333;width: 75%;}
section#kp-box-03 .kp-box-03-col{/* height: 500px; */background-size:cover;background-position:center;display:flex;margin-bottom:30px}
section#kp-box-03 .kp-box-03{opacity:1;width:100%;overflow:hidden;}
section#kp-box-03 .kp-box-03 img{width:100%;aspect-ratio: 1;object-fit: cover;}
section#kp-box-03 .kp-box-03 .kp-box-03-text{width:100%;padding: 30px 15px;}
section#kp-box-03 .kp-box-03 .kp-box-03-text2{}
section#kp-box-03 .kp-box-03 h4{color: #7f0000;font-size: 26px;margin:0;padding: 0 0 5px 0;font-weight: 700;font-family: 'Quicksand', sans-serif;}
section#kp-box-03 .kp-box-03 .p{color:#000;font-size:14px;margin-top: 10px;font-weight: 600;}
section#kp-box-03 .kp-box-03 a{display:block;width:100%;height:100%;position:relative;background-size:cover;background-position:center}
section#kp-box-03 .kp-box-03 .kp-box-03-button{position:relative;top:0;color: #fff;font-size: 13px;background:#7f0000;padding: 10px 40px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:50px;font-weight: 700;letter-spacing:1px;border: 0;}
section#kp-box-03 .kp-box-03 a:hover{opacity: .8;}
/*kp-box-04*/
section#kp-box-04{background:#fff;color:#111;padding:120px 0}
section#kp-box-04 .kp-box-04-item {margin-bottom: 60px;}
section#kp-box-04 .kp-box-04-foto{margin:0;height:100%;position:relative;}
section#kp-box-04 .kp-box-04-foto img{width:100%;object-fit: cover; aspect-ratio: 4/3;}
section#kp-box-04 .kp-box-04-foto img:nth-child(2){width:70%;position:absolute;left:0;top:33%;background:#fff;padding:20px 20px 0 0}
section#kp-box-04 .kp-box-04-text{padding: 15px;display:flex;align-items:center;margin:auto;position:relative;background:#fff;width: 100%;}
section#kp-box-04 .kp-box-04-text-subtitle{color: #7f0000;font-size: 13px;margin-bottom:20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
section#kp-box-04 .kp-box-04-text-title{color: #111;font-size: 32px;font-weight: 700;font-family: Urbanist; font-weight: normal;}
section#kp-box-04 .kp-box-04-text-title:before{display:block;text-align:right;width:25px;height:1px;background:#111;position:relative;left:calc(100% - 25px);margin-bottom:14px}
section#kp-box-04 .kp-box-04-text-desc{font-size: 13px;font-weight: 400;margin: 15px 0;line-height: 20px;color: #666;}
section#kp-box-04 .kp-box-04-text-desc p{text-align: left !important;}
section#kp-box-04 .kp-box-04-text-link{position:relative;top:0;color: #fff;font-size: 13px;background:#7f0000;padding: 10px 40px;margin-top: 10px;text-transform:uppercase;border-radius:50px;font-weight: 700;letter-spacing:1px; border:1px solid #7f0000;display: inline-block;}
section#kp-box-04 .kp-box-04-gallery-button{display: none;}
section#kp-box-04 .kp-box-04-gallery-button:first-child{display: inline-block;}
section#kp-box-04 .kp-box-04-text-link.kp-box-04-text-link2{position:relative;top:0;color: #7f0000;font-size: 13px;background:#fff;padding: 10px 40px;margin-top: 10px;text-transform:uppercase;display:inline-block;border-radius:50px;font-weight: 700;letter-spacing:1px; border:1px solid #7f0000;}
section#kp-box-04 .kp-box-04-text-link:hover{top:-10px;}
section#kp-box-04 .kp-box-04-item .kp-col-text {order:2;}
section#kp-box-04 .kp-box-04-item .kp-col-foto {order:1;}
section#kp-box-04 .kp-box-04-item:nth-child(2n) .kp-col-foto {order:3;}
#page {background:#fff;padding: 60px 15px;font-size: 17px;font-weight: 600;}
#page h1 {margin-bottom: 30px;font-size: 22px;font-family: Urbanist;font-weight: 700;color: #7f0000;}
section#submenus .home-room-col{height: 100%;background-size: cover;background-position: center;display: flex;aspect-ratio: 4/3;}
section#submenus .home-room{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(6,21,53,.8);text-align: center;opacity: 1;}
section#submenus .home-room h4{color: #fff; font-family: 'Quicksand', sans-serif;font-size: 35px;letter-spacing: 4px; margin: 0;}
section#submenus .home-room p{opacity:0;margin-top:-33px;color: #fff;font-size: 14px;font-style: italic;padding: 0 30px;}
section#submenus .home-room a{display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;}
section#submenus .home-room:hover{background: rgba(127, 0, 0, .8);}
section#submenus .home-room:hover p{opacity: 1; margin-top:0px;}
section#submenus .home-room.gallery-photo {background: rgba(68,68,68,.0);}
section#submenus .home-room.gallery-photo img{height: 32px;}
section#submenus .home-room.gallery-photo h4{opacity: 0;}
section#submenus .home-room.gallery-photo:hover {background: rgb(127 0 0 / .8);}
section#submenus .home-room.gallery-photo:hover h4{opacity: 1;}
section#submenus .home-room.gallery-photo span{color: #fff;text-shadow: 1px 1px 1px #000;position: absolute;bottom: 0;width: 100%;left: 0;padding: 10px;background: rgba(0,0,0,.4);}
.room-detail .page-content h2 {
font-weight: 800;
margin-bottom: 30px;
}
.room-detail .page-content ul {
display: table;
margin: 0;
padding: 0;
}
.room-detail .page-content ul li{
float: left;
width: 35%;
padding: 0 10px;
}
.col3carousel{overflow:hidden;padding: 60px 160px 0 160px;}
.col3carousel .owl-carousel{padding:0 60px}
.col3carousel .owl-carousel .owl-stage-outer{padding:60px 0}
.col3carousel .item a{display:block;}
.col3carousel .item a img{width:100%}
.col3carousel .item a h4{color:#333;font-size:18px;margin:0;padding:30px}
.col3carousel .item a h4:after{display:none;content:"";width:7px;height:45px;background:#7f0000;margin:0 0 0 -16px;position:absolute;border-radius:0 5px 5px 0;top:185px}
.col3carousel .item a span{display:block;color:#333;font-size:18px;margin:0;padding:0 30px;font-weight:300;line-height:24px;text-transform:initial}
.col4carousel{overflow:hidden;padding: 60px 60px 0 60px;}
.col4carousel .owl-carousel{padding:0 60px}
.col4carousel .owl-carousel .owl-stage-outer{padding:60px 0}
.col4carousel .item a{display:block;}
.col4carousel .item a img{width:100%}
.col4carousel .item a h4{color:#333;font-size:18px;margin:0;padding:30px}
.col4carousel .item a h4:after{display:none;content:"";width:7px;height:45px;background:#7f0000;margin:0 0 0 -16px;position:absolute;border-radius:0 5px 5px 0;top:185px}
.col4carousel .item a span{display:block;color:#333;font-size:18px;margin:0;padding:0 30px;font-weight:300;line-height:24px;text-transform:initial}
.col6carousel {}
.col6carousel.owl-theme .owl-nav {margin-top: 0;}
section#page-gallery {background: #fff;}
section#page-gallery .owl-stage{margin: auto;}
section#page-gallery .owl-carousel .owl-item {padding: 0;}
section#page-gallery .owl-carousel .owl-item img {display: block; width: 100%; aspect-ratio: 1; object-fit: cover; padding: 0 2px 0 0;}
section#page-gallery .owl-carousel .owl-item a {overflow:hidden;display:block;/* background: #7f0000; */}
section#page-gallery .owl-carousel:hover img {opacity: .2; }
section#page-gallery .owl-carousel .owl-item a:hover img {opacity: 1;transform: scale(1.1);}
/*owl-mobil-grid*/
section#page-gallery .owl-mobil.owl-carousel .owl-stage {transform: none !important;width: 100% !important;}
section#page-gallery .owl-mobil.owl-carousel .owl-item {/*float: none!important;*/}
section#page-gallery .owl-mobil.owl-carousel .cloned {display: none;}
footer#footer{font-size:12px;background: #111;padding: 0;color: #fff;}
footer#footer nav#footerMenu{font-size: 14px;}
footer#footer nav#footerMenu p{color: #fff;letter-spacing: 1px;line-height: 26px;font-size: 15px;}
footer#footer nav#footerMenu h5{font-size: 13px;margin: 0;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;color: #7f0000;padding: 4px 0;}
footer#footer nav#footerMenu h5:after {display: none;content: "";width: 70px;height: 1px;background: #7f0000;margin: 10px 0;}
footer#footer nav#footerMenu ul{list-style: none;margin: 10px 0 10px 0;padding: 0;}
footer#footer nav#footerMenu ul li{}
footer#footer nav#footerMenu ul li a{text-decoration: none;color: #fff;letter-spacing: 2px;display: block;font-size: 13px;font-weight: 700;padding: 4px 0;text-transform: uppercase;}
footer#footer nav#footerMenu ul li a:hover{color: #999;}
footer#footer nav#footerMenu .col:nth-child(1){padding-right: 80px;}
footer#footer nav#footerMenu .col:nth-child(1) h5{display:none;}
footer#footer nav#footerMenu .col:nth-child(2) h5{display:none;}
footer#footer nav#footerMenu .col:nth-child(3) h5{display:none;}
#copyright{padding:20px;border-top:1px solid #333}
.noslider section#booking-form{position:relative;bottom:70px}
.gallery section#booking-form{position:relative;bottom:70px}
.vr-screen{text-align:center}
.vr-screen a img{height:64px;display:block;margin:auto}
.cookie-notice{font-size: 12px;line-height: 20px;padding:15px;position:fixed;bottom:0;left:0;display:none;width:calc(100% - 75px);color:#fff;background:#333;z-index:9999}
.cookie-notice a{display:inline-block;color:#ccc;text-decoration:underline}
.cookie-notice button{line-height:20px;font-weight:600;padding:0 30px;color:#fff;background: #b15a37;border:0;border-radius:4px;cursor:pointer;float:right}
.cookie-notice button:hover{background:#000}
header#mobileHeader{width:100%;height: 65px;position:fixed;top:0;z-index:10000;display:none;border-bottom: 1px solid rgba(255,255,255,.1);background: #fff;}
.br-btns {position: fixed; right: 10px; bottom: 10px; z-index: 9;}
.whatsapp img{height: 48px;}
.telegram img{height: 48px;}
.topbtn img {height: 16px;}
.whatsapp {display: block; margin-top: 5px;}
.telegram {display: block; margin-top: 5px;}
.topbtn {display: none;background: hwb(16deg 15% 35% / 50%);color: #999;border-radius: 50%;width: 48px;height: 48px;text-align: center;line-height: 45px;}
/*
.whatsapp {position: fixed; right: 10px; bottom: 10px; z-index: 9;}
.telegram {position: fixed; right: 10px; bottom: 66px; z-index: 9;}
.topbtn {display: none;position: fixed;z-index: 9999;right: 10px;bottom: 121px;background: hwb(16deg 15% 35% / 50%);color: #999;border-radius: 50%;width: 48px;height: 48px;text-align: center;line-height: 45px;}
*/
.top{position:fixed;bottom: 20px;right: 20px;font-size:32px;z-index:11;transform: rotate(180deg);display:none;}
.top a{color:#fff;background: rgba(0,0,0,.2);padding: 4px 20px 9px 20px;}
.top a:hover{background: rgba(0,0,0,.4);}
.top a img{height: 16px;}
header#mobileHeader a#mobileLogo{display:block;float:left;padding:9px;width:100%;text-align:center}
header#mobileHeader a#mobileLogo img{height: 48px;}
.menu{position:absolute;z-index:911;width:60px;height:60px;top: 3px;right:0;-webkit-transition-duration:.5s;transition-duration:.5s}
.menu.fixed{position:fixed;z-index:911;top:10px}
.menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color: #7f0000;border-radius:4px;left:15px}
.menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #7f0000;content:"";top:-10px;border-radius:4px}
.menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #7f0000;content:"";top:10px;border-radius:4px}
.menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:0 0}
.menu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.menu:hover{cursor:pointer}
body.fixed header#mobileHeader {
background: #fff;
}
body.fixed header#mobileHeader a#mobileLogo {}
body.fixed header#mobileHeader a#mobileLogo img{height:48px}
body.fixed .menu {}
#home-map {}
#home-map iframe{width:100%; height: 400px;}
footer#mobileFooter{position: fixed;left: 0;bottom: 0;height: 50px;background: #7f0000;z-index: 8000;width: 100%;display:none;}
footer#mobileFooter ul{width: 100%;margin: 0;padding: 0;}
footer#mobileFooter ul li{float: left;width: 25%;text-align: center;list-style: none;padding: 7px 0;}
footer#mobileFooter ul li:nth-child(2n) {background: rgba(0,0,0,.1);}
footer#mobileFooter ul li a{text-decoration: none;color: #fff;}
footer#mobileFooter ul li a img{height: 20px;}
footer#mobileFooter ul li a span{display: block;font-size: 10px;color: #fff;font-weight: 400;float: inherit;}
nav#mobileMenu{display:none;position:fixed;top:0;background: #fff;z-index:9999;width:100%;text-align:center;height:100%;overflow-y: auto;}
nav#mobileMenu.mobileHotelsMenu{height:calc(100% - 50px);z-index:10000}
nav#mobileMenu div.div{display:table;width:100%;height:calc(100% - 100px);margin-top:100px}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;display:table-cell;width:100%;vertical-align:middle}
nav#mobileMenu li a{color: #7f0000;display:block;padding:7px;text-transform:uppercase;font-size: 19px;line-height:32px;font-weight: 500;}
nav#mobileMenu li ul li a{color:#fff;font-weight:300;font-size:22px}
nav#mobileMenu ul li ul{display:none;background:#333}
nav#mobileMenu li.mmLogo{margin:20px 0}
nav#mobileMenu li.mmLogo a img{height:52px}
nav#mobileMenu li.mmLang a{display:inline-block}
nav#mobileMenu li.mmSocial:before{display:block;content:"";height:1px;width:100px;background:#666;margin:15px auto}
nav#mobileMenu li.mmSocial a{display:inline-block}
nav#mobileMenu li.mmSocial a img{height:22px}
@media screen and (min-width:1200px){
.container{max-width:1200px}
}
@media screen and (max-width:1366px){
.col3carousel{padding: 60px 60px 0 60px;}
nav#menu {margin-left: 30px;font-size: 14px;}
nav#menu ul#header-menu {
}
nav#menu ul#header-menu li {margin: 0 10px;}
nav#menu ul#header-menu li a {padding: 5px 0;}
section#subSlider .item .slideTextBig {font-size: 64px; line-height: 64px;}
section#slider .item .slideTextBig {font-size: 52px;line-height: 52px;width: 100%;}
section#slider .item .slideTextSmall {font-size: 20px;line-height: 22px;width: 100%;}
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:992px){
.kurucular ul{width: 100%;}
.kurucular ul li{flex-direction: column;}
.kurucular ul li img{margin-bottom: 20px;}
header#header {display: none;}
header#mobileHeader {display: block;}
footer#mobileFooter {display: block;}
section#subSlider {
height: 200px;
margin-top: 65px;}
#page {padding: 20px;}
section#subSlider .item .item-text {top:0;height: 200px;}
.br-btns {position: fixed; right: 10px; bottom: 60px; z-index: 9;}
/*.whatsapp {bottom: 60px;}
.telegram {bottom: 113px;}
.topbtn {bottom: 166px;}
*/
section#slider {padding: 15px; top:60px}
section#home-houses {padding: 30px 0;}
section#home-houses .home-houses-text-flex {padding: 0;}
section#home-houses .home-houses-text h2 {font-size: 32px;}
section#kp-box-02.yemekatolyesi .kp-box-02-text-title {font-size: 32px;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text-title {font-size: 32px;}
section#subSlider .item .slideTextBig {font-size: 32px; line-height: 32px;}
section#slider .item .slideTextBig {font-size: 32px;line-height: 32px;width: 100%;}
section#slider .item .slideTextSmall {font-size: 16px;line-height: 16px;width: 100%;}
footer#footer nav#footerMenu .col:nth-child(1) {padding-right: 0;}
img.footer-logo {width: 128px; margin: auto;}
#page h1 {margin-bottom: 15px;}
section#kp-box-01 {padding: 0 0 60px 0;}
section#kp-box-01 .kp-box-01-text {padding: 50px 0;}
section#kp-box-01 .kp-box-01-text-title {font-size: 32px; line-height: 32px;}
section#kp-box-02 {padding: 50px 0;text-align: center;}
section#kp-box-02 .kp-box-02-text-title {font-size: 32px;line-height: 42px;}
section#kp-box-02.yemekatolyesi .kp-box-02-text {padding:60px 30px}
section#kp-box-02.yemekatolyesi .kp-box-02-foto img {width: 100%;}
section#kp-box-02.osmanliyemekleri .kp-box-02-text {padding:60px 30px}
section#kp-box-02.osmanliyemekleri .kp-box-02-foto img {width: 100%;}
section#kp-box-03 {padding: 50px 0;}
section#kp-box-03 .kp-box-03 {height: 100%;}
section#kp-box-03 .kp-box-03-title {font-size: 32px;line-height: 42px;}
section#kp-box-03 .kp-box-03-desc {width: 100%;}
section#kp-box-04 .kp-box-04-item:nth-child(2n) .kp-col-foto {order: 1;}
section#kp-box-04 .kp-box-04-text-title {font-size: 24px;}
.col4carousel {padding: 30px 0 0 0;}
.col3carousel {padding: 30px 0 0 0;}
#home-map iframe{width:100%; height: 200px;}
footer#footer {text-align: center;padding: 0 0 50px 0;}
#copyright {padding: 20px 0;}
}
@media screen and (max-width:768px){
section#home-houses a.home-house-btn {font-size: 13px;}
section#kp-box-02 .kp-box-02-text-link {padding: 8px 40px; font-size: 13px;}
section#kp-box-01 .kp-box-01-text-link {padding: 8px 40px; font-size: 13px;}
section#slider .item .slideBtn {padding: 8px 40px; font-size: 13px;}
}
@media screen and (max-width:576px){
}
.container-kp > *{margin-left: auto !important; margin-right: auto !important;}
@media (min-width:576px){
.container-kp > *{max-width:540px;}
.container-kp > .full-width-kp{max-width:100%}
}
@media (min-width:768px){
.container-kp > *{max-width:720px}
.container-kp > .full-width-kp{max-width:100%}
}
@media (min-width:992px){
.header-lang-mobile {display: none !important;;}
.header-lang {display: block !important;}
video#vid {display: block;}
.container-kp > *{max-width:960px}
.container-kp > .full-width-kp{max-width:100%}
.lang {position: absolute;right: 15px; top: 10px;}
}
@media (min-width:1200px){
.container-kp > *{max-width:1140px}
.container-kp > .full-width-kp{max-width:100%}
}
/* Nişanyan 2026 light kitchen-literature experimental design layer */
:root {
--nl-ink: #3b2d25;
--nl-ink-soft: #69594c;
--nl-coffee: #734633;
--nl-coffee-dark: #523123;
--nl-sage: #7a856b;
--nl-sage-soft: #e5eadc;
--nl-rose: #c98272;
--nl-clay: #b86c4c;
--nl-paper: #fff8ec;
--nl-paper-deep: #f2dfc4;
--nl-cream: #fffdf7;
--nl-line: rgba(91, 65, 43, .18);
--nl-shadow: 0 18px 50px rgba(91, 65, 43, .12);
}
html { background: var(--nl-paper); }
body {
color: var(--nl-ink);
background:
radial-gradient(circle at 12% 8%, rgba(201, 130, 114, .16), transparent 24rem),
radial-gradient(circle at 92% 20%, rgba(122, 133, 107, .18), transparent 30rem),
linear-gradient(180deg, #fffdf7 0%, #fff8ec 42%, #f4e6d1 100%);
font-family: "Nunito Sans", "Noto Sans", Arial, sans-serif;
font-size: 15px;
letter-spacing: 0;
}
body[lang="RU"] *,
body[lang="HY"] * { font-family: "Noto Sans", Arial, sans-serif !important; }
body[lang="HY"] * { font-family: "Noto Sans Armenian", "Noto Sans", Arial, sans-serif !important; }
a { color: var(--nl-coffee); }
a:hover { color: var(--nl-sage); }
.btn,
.btn-primary,
section#slider .item .slideBtn,
section#kp-box-01 .kp-box-01-text-link,
section#kp-box-02 .kp-box-02-text-link,
section#kp-box-04 .kp-box-04-text-link {
border: 1px solid var(--nl-coffee);
border-radius: 6px;
background: var(--nl-coffee);
color: var(--nl-cream);
box-shadow: none;
font-family: "Nunito Sans", "Noto Sans", Arial, sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.btn:hover,
.btn-primary:hover,
section#slider .item .slideBtn:hover,
section#kp-box-01 .kp-box-01-text-link:hover,
section#kp-box-02 .kp-box-02-text-link:hover,
section#kp-box-04 .kp-box-04-text-link:hover {
border-color: var(--nl-sage);
background: var(--nl-sage);
color: var(--nl-cream);
}
header#header {
top: 0;
padding: 0 28px;
border-bottom: 1px solid rgba(91, 65, 43, .13);
background: rgba(255, 253, 247, .9);
box-shadow: 0 12px 34px rgba(91, 65, 43, .08);
backdrop-filter: blur(16px);
}
body.fixed header#header,
body:not(.home) header#header { background: rgba(255, 253, 247, .96); }
#logo a { padding: 13px 0 10px; }
#logo img { height: 62px; filter: none; opacity: .95; }
body.fixed #logo a img { height: 42px; }
nav#menu { margin-left: 46px; font-size: 13px; }
nav#menu ul#header-menu li { margin: 0 8px; padding: 31px 0; }
body.fixed nav#menu ul#header-menu li { padding: 15px 0; }
nav#menu ul#header-menu li a {
color: var(--nl-ink);
padding: 7px 4px;
font-weight: 800;
letter-spacing: .12em;
}
nav#menu ul#header-menu li.selected a,
nav#menu ul#header-menu li:hover a { color: var(--nl-coffee); }
nav#menu ul#header-menu li.selected a:after { height: 1px; background: var(--nl-rose); }
header#header #call {
margin-top: 24px;
margin-left: 18px;
border-radius: 6px;
background: var(--nl-coffee);
}
body.fixed header#header #call { margin-top: 10px; }
header#header #call a { padding: 12px 18px 11px 48px; color: var(--nl-cream); }
header#header #call:hover { background: var(--nl-sage); opacity: 1; }
header#header #socialmedia a,
header#header ul.lang { color: var(--nl-ink); }
header#header #socialmedia a:hover { color: var(--nl-rose); }
header#header .otherLang { background: var(--nl-cream); box-shadow: var(--nl-shadow); }
header#header .otherLang a { color: var(--nl-ink); }
body.home section#slider {
top: 0;
height: 100vh;
min-height: 680px;
margin-bottom: 0;
padding: 0;
background: var(--nl-paper);
}
body.home section#slider .owl-carousel,
body.home section#slider .owl-stage-outer,
body.home section#slider .owl-stage,
body.home section#slider .owl-item,
body.home section#slider .item,
body.home section#slider .slideImage { height: 100%; }
body.home section#slider .owl-carousel .owl-item img { height: 100%; min-height: 100%; filter: saturate(.86) contrast(.98) brightness(1.05); }
section#slider .owl-carousel .owl-item .slideImage:before {
height: 100%;
background:
linear-gradient(90deg, rgba(255, 253, 247, .92) 0%, rgba(255, 248, 236, .78) 32%, rgba(255, 248, 236, .18) 72%, rgba(255, 248, 236, .04) 100%),
linear-gradient(0deg, rgba(255, 248, 236, .48), rgba(255, 248, 236, 0) 55%);
}
body.home section#slider .item .item-text {
height: 100%;
align-items: center;
justify-content: flex-start;
padding: 86px clamp(24px, 8vw, 118px) 0;
}
body.home section#slider .item .slideText {
width: min(650px, 100%);
max-width: 100%;
text-align: left;
}
section#slider .item .slideTextBig {
width: 100%;
margin: 0;
color: var(--nl-coffee-dark);
font-family: "Newsreader", Georgia, serif;
font-size: clamp(56px, 7.2vw, 108px);
line-height: .93;
font-weight: 650;
letter-spacing: -.01em;
text-shadow: none;
}
section#slider .item .slideTextSmall {
width: min(540px, 100%);
margin: 24px 0 0;
color: var(--nl-ink-soft);
font-family: "Nunito Sans", "Noto Sans", Arial, sans-serif;
font-size: clamp(18px, 1.8vw, 23px);
line-height: 1.55;
font-weight: 700;
}
section#slider .item .slideBtn { margin-top: 34px; padding: 14px 26px; }
section#slider .item .slideBtn:hover { top: -4px; }
section#slider .owl-dots { bottom: 30px; }
section#slider .owl-theme .owl-dots .owl-dot span {
width: 34px;
height: 2px;
border: 0;
border-radius: 0;
background: rgba(82, 49, 35, .28);
}
section#slider .owl-theme .owl-dots .owl-dot.active span,
section#slider .owl-theme .owl-dots .owl-dot:hover span { background: var(--nl-coffee); }
section#slider .owl-carousel .owl-nav button.owl-next,
section#slider .owl-carousel .owl-nav button.owl-prev { color: var(--nl-coffee); }
section#kp-box-01,
section#kp-box-03,
section#kp-box-04,
#page { background: var(--nl-paper); }
section#kp-box-01 {
padding: 98px 0;
color: var(--nl-ink);
background:
linear-gradient(180deg, rgba(255, 253, 247, .8), rgba(255, 248, 236, .94)),
url(assets/img/stone-pattern.jpg) !important;
background-size: 520px auto !important;
overflow: hidden;
}
section#kp-box-01:before,
section#kp-box-03:before { display: none; }
section#kp-box-01 .kp-box-01-text { padding: 34px 0; }
section#kp-box-01 .kp-box-01-text2 {
width: 100%;
padding: 30px 28px;
border: 1px solid var(--nl-line);
border-radius: 8px;
background: rgba(255, 253, 247, .84);
box-shadow: 0 16px 38px rgba(91, 65, 43, .08);
text-align: left;
font-size: 16px;
}
section#kp-box-01 .kp-box-01-text2 .logos { margin-top: 28px; }
section#kp-box-01 .kp-box-01-text-subtitle,
section#kp-box-01 .kp-box-01-text-title,
section#home-houses .home-houses-text h2,
section#kp-box-02 .kp-box-02-text-title,
section#kp-box-03 .kp-box-03-title,
section#kp-box-03 .kp-box-03 h4,
section#kp-box-04 .kp-box-04-text-title,
#page h1,
section#subSlider .item .slideTextBig,
section #rooms h2.allRoomsTitle {
color: var(--nl-coffee-dark);
font-family: "Newsreader", Georgia, serif;
font-weight: 650;
letter-spacing: -.01em;
}
section#kp-box-01 .kp-box-01-text-subtitle { padding-left: 0; color: var(--nl-sage); font-size: 22px; line-height: 1.1; }
section#kp-box-01 .kp-box-01-text-title { font-size: clamp(42px, 5vw, 62px); line-height: 1; }
section#kp-box-01 .kp-box-01-text-desc,
section#home-houses .home-houses-text .desc,
#page,
.page-content-room,
section#kp-box-03 .kp-box-03 .p,
section#kp-box-02 .kp-box-02-text-desc {
color: var(--nl-ink-soft);
font-size: 16px;
font-weight: 650;
line-height: 1.72;
}
section#kp-box-01 .kp-box-01-foto {
min-height: 470px;
border: 10px solid rgba(255, 253, 247, .76);
border-radius: 8px;
box-shadow: var(--nl-shadow);
}
section#kp-box-01 .kp-box-01-foto img { height: 100%; filter: saturate(.86) contrast(.98) brightness(1.03); }
section#home-houses {
padding: 108px 0;
background:
linear-gradient(135deg, rgba(229, 234, 220, .96), rgba(255, 248, 236, .94)),
url(assets/img/stone-pattern.jpg);
color: var(--nl-ink);
}
section#home-houses .home-houses-text-flex { padding: 0 46px 0 0; }
section#home-houses .home-houses-text h2 { color: var(--nl-sage); font-size: clamp(42px, 5vw, 70px); line-height: 1; }
section#home-houses .home-houses-text .desc { color: var(--nl-ink-soft); }
section#home-houses .home-houses-foto img {
border: 12px solid rgba(255, 253, 247, .86);
border-radius: 8px;
box-shadow: var(--nl-shadow);
}
section#kp-box-03 {
padding: 100px 0 92px;
background-image: none !important;
background: var(--nl-paper) !important;
box-shadow: none !important;
}
section#kp-box-03:nth-of-type(odd) { background: #f6ead8 !important; }
section#kp-box-03 .kp-box-03-title { color: var(--nl-coffee-dark); font-size: clamp(42px, 5vw, 70px); line-height: 1; }
.col3carousel { padding: 54px clamp(20px, 7vw, 120px) 0; }
section#kp-box-03 .kp-box-03 {
border: 1px solid var(--nl-line);
border-radius: 8px;
background: rgba(255, 253, 247, .9);
box-shadow: 0 12px 34px rgba(91, 65, 43, .08);
}
section#kp-box-03 .kp-box-03 a { overflow: hidden; border-radius: 8px 8px 0 0; }
section#kp-box-03 .kp-box-03 img {
aspect-ratio: 5 / 4;
filter: saturate(.88) brightness(1.04);
transition: transform .75s cubic-bezier(.23, 1, .32, 1), filter .75s cubic-bezier(.23, 1, .32, 1);
}
section#kp-box-03 .kp-box-03:hover img { transform: scale(1.035); filter: saturate(1.02) brightness(1.04); }
section#kp-box-03 .kp-box-03 .kp-box-03-text { padding: 24px 24px 28px; }
section#kp-box-03 .kp-box-03 h4 { color: var(--nl-coffee-dark); font-size: 29px; line-height: 1.08; }
section#kp-box-03 .kp-box-03 .p { margin-top: 12px; color: var(--nl-ink-soft); }
section#kp-box-02 { padding: 112px 0; }
section#kp-box-02.yemekatolyesi,
section#kp-box-02.osmanliyemekleri { background: #f4e3cc; }
section#kp-box-02.yemekatolyesi:before,
section#kp-box-02.osmanliyemekleri:before { display: none; }
section#kp-box-02.yemekatolyesi .kp-box-02-text,
section#kp-box-02.osmanliyemekleri .kp-box-02-text {
padding: clamp(34px, 6vw, 70px);
border: 1px solid var(--nl-line);
border-radius: 8px;
background:
linear-gradient(135deg, rgba(255, 253, 247, .94), rgba(238, 226, 207, .9)),
url(assets/img/food-pattern-red.png);
box-shadow: var(--nl-shadow);
}
section#kp-box-02.yemekatolyesi .kp-box-02-text-title,
section#kp-box-02.osmanliyemekleri .kp-box-02-text-title { color: var(--nl-coffee-dark); font-size: clamp(40px, 5vw, 64px); line-height: 1; }
section#kp-box-02.yemekatolyesi .kp-box-02-text-desc,
section#kp-box-02.osmanliyemekleri .kp-box-02-text-desc { color: var(--nl-ink-soft); }
section#kp-box-02.yemekatolyesi .kp-box-02-text-link,
section#kp-box-02.osmanliyemekleri .kp-box-02-text-link { background: var(--nl-sage); border-color: var(--nl-sage); color: #fff; }
section#kp-box-02.yemekatolyesi .kp-box-02-foto img,
section#kp-box-02.osmanliyemekleri .kp-box-02-foto img {
border: 10px solid rgba(255, 253, 247, .76);
border-radius: 8px;
box-shadow: var(--nl-shadow);
filter: saturate(.9) brightness(1.05);
}
section#kp-box-01.kurucular { background: #f0dfc8 !important; }
.kurucular ul { width: min(920px, 100%); margin-top: 50px; }
.kurucular ul li {
align-items: flex-start;
height: auto;
padding: 28px 0;
border-top: 1px solid var(--nl-line);
}
.kurucular ul li:last-child { border-bottom: 1px solid var(--nl-line); }
.kurucular img { width: 118px; border: 0; border-radius: 8px; box-shadow: none; }
.kurucular blockquote { color: var(--nl-ink-soft); font-size: 16px; line-height: 1.68; }
section#subSlider {
height: 54vh;
min-height: 400px;
margin-top: 0;
background: var(--nl-sage-soft);
}
section#subSlider .item .item-text { height: 54vh; min-height: 400px; padding: 100px 24px 48px; }
section#subSlider .slideImage:before {
background:
linear-gradient(90deg, rgba(255, 253, 247, .9), rgba(255, 248, 236, .28)),
linear-gradient(0deg, rgba(82, 49, 35, .16), transparent 60%);
}
section#subSlider .item .slideTextBig { color: var(--nl-coffee-dark); font-size: clamp(48px, 8vw, 94px); line-height: .98; }
#page { padding: 78px 15px; font-size: 16px; font-weight: 650; }
.page-content-room,
.container-kp { color: var(--nl-ink-soft); }
section #rooms { background: var(--nl-paper); }
section #rooms h2.allRoomsTitle { margin: 78px 0 28px; color: var(--nl-coffee-dark); font-size: clamp(42px, 5vw, 68px); }
section #rooms #room-types {
top: 73px;
margin: 0;
padding: 14px 16px;
overflow-x: auto;
border-top: 1px solid var(--nl-line);
border-bottom: 1px solid var(--nl-line);
background: rgba(255, 248, 236, .94);
white-space: nowrap;
backdrop-filter: blur(12px);
}
section #rooms #room-types a { border: 1px solid var(--nl-line); border-radius: 6px; background: transparent; color: var(--nl-ink); }
section #rooms #room-types a.selected,
section #rooms #room-types a:hover { border-color: var(--nl-sage); background: var(--nl-sage); color: #fff; }
.list-room section#kp-box-03 .kp-box-03 img,
.room section#kp-box-03 .kp-box-03 img { aspect-ratio: 4 / 3; }
section#page-gallery { background: var(--nl-paper-deep); }
section#page-gallery .owl-carousel .owl-item img { aspect-ratio: 4 / 3; padding-right: 4px; }
footer#footer { background: var(--nl-coffee-dark); color: rgba(255, 253, 247, .82); }
#copyright { border-top: 1px solid rgba(255, 253, 247, .14); }
.br-btns { right: 18px; bottom: 18px; display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.whatsapp { margin-top: 0; }
.topbtn,
.whatsapp { filter: drop-shadow(0 10px 24px rgba(91, 65, 43, .18)); }
header#mobileHeader { border-bottom: 1px solid var(--nl-line); background: rgba(255, 253, 247, .96); backdrop-filter: blur(12px); }
footer#mobileFooter { background: var(--nl-coffee); }
nav#mobileMenu { background: var(--nl-paper); }
nav#mobileMenu li a { color: var(--nl-coffee-dark); font-family: "Newsreader", Georgia, serif; font-size: 26px; text-transform: none; }
@media screen and (max-width: 1366px) {
body.home section#slider { min-height: 620px; }
section#slider .item .slideTextBig { font-size: clamp(48px, 7vw, 86px); line-height: .96; }
}
@media screen and (max-width: 992px) {
body.home section#slider { top: 0; height: calc(100vh - 50px); min-height: 560px; margin-bottom: 0; padding: 0; }
body.home section#slider .item .item-text { padding: 56px 24px 90px; align-items: flex-end; }
section#slider .item .slideTextBig { font-size: clamp(42px, 12vw, 66px); line-height: .98; }
section#slider .item .slideTextSmall { font-size: 17px; line-height: 1.45; }
section#home-houses { padding: 70px 0; }
section#home-houses .home-houses-text-flex { padding: 0 0 28px; }
section#kp-box-01 { padding: 32px 0 70px; }
section#kp-box-01 .kp-box-01-foto { min-height: auto; }
section#kp-box-03 { padding: 70px 0; }
section#kp-box-03 .kp-box-03 img { aspect-ratio: 16 / 11; }
section#kp-box-02 { padding: 70px 0; }
.col3carousel { padding: 34px 14px 0; }
section#subSlider { height: 250px; min-height: 250px; margin-top: 65px; }
section#subSlider .item .item-text { height: 250px; min-height: 250px; padding-top: 34px; }
#page { padding: 48px 20px; }
section #rooms #room-types { top: 65px; }
}
@media screen and (max-width: 576px) {
body.home section#slider { min-height: 540px; }
section#slider .item .slideBtn { width: 100%; text-align: center; }
section#kp-box-01 .kp-box-01-text2 { padding: 26px 20px; }
.kurucular ul li { padding: 26px 0; }
}
/* Light prototype: remove opening slider image vignette */
body.home section#slider .owl-carousel .owl-item .slideImage:before {
display: none !important;
background: transparent !important;
}
/* Light prototype: keep opening slider copy readable without an image vignette */
body.home section#slider .item .slideTextBig,
body.home section#slider .item .slideTextSmall {
color: #fff !important;
text-shadow: 0 2px 18px rgba(44, 30, 18, .48), 0 1px 2px rgba(44, 30, 18, .7);
}
/* Nişanyan 2026 estate-scroll concept: Heckfield x Villa Lena x Le Barn */
:root {
--es-ink: #202820;
--es-ink-soft: #596152;
--es-milk: #f8f4ea;
--es-paper: #eee4d1;
--es-green: #243a2b;
--es-moss: #6f8064;
--es-clay: #98603f;
--es-blue: #465f74;
--es-wine: #713d3d;
--es-line: rgba(32, 40, 32, .22);
}
html { scroll-behavior: smooth; }
@media (min-width: 900px) {
html:has(body.home) { scroll-snap-type: y mandatory; }
}
body.home {
background: var(--es-milk);
color: var(--es-ink);
font-family: "Manrope", "Noto Sans", Arial, sans-serif;
font-size: 15px;
letter-spacing: 0;
}
body.home header#header {
height: 84px;
padding: 0 34px;
border-bottom: 1px solid rgba(248, 244, 234, .22);
background: rgba(248, 244, 234, .88);
box-shadow: none;
backdrop-filter: blur(18px);
}
body.home #logo a { padding: 11px 0 8px; }
body.home #logo img { height: 58px; }
body.home nav#menu { margin-left: clamp(28px, 5vw, 78px); font-size: 12px; }
body.home nav#menu ul#header-menu li { padding: 27px 0; margin: 0 8px; }
body.home nav#menu ul#header-menu li a {
color: var(--es-ink);
padding: 6px 3px;
font-weight: 800;
letter-spacing: .17em;
}
body.home nav#menu ul#header-menu li.selected a,
body.home nav#menu ul#header-menu li:hover a { color: var(--es-green); }
body.home nav#menu ul#header-menu li.selected a:after { height: 1px; background: var(--es-clay); }
body.home header#header #call {
margin-top: 20px;
border-radius: 0;
background: var(--es-green);
}
body.home header#header #call a { color: var(--es-milk); padding: 12px 18px 11px 48px; }
body.home header#header #socialmedia { margin-top: 34px; }
body.home header#header #header-lang { margin-top: 27px; }
body.home #estate-scroll { position: relative; background: var(--es-milk); }
.estate-panel {
position: relative;
min-height: 100vh;
scroll-snap-align: start;
scroll-snap-stop: always;
overflow: hidden;
padding: 112px clamp(28px, 5vw, 82px) 56px;
display: flex;
align-items: center;
}
.estate-panel-inner {
position: relative;
z-index: 2;
width: min(1440px, 100%);
margin: 0 auto;
}
.estate-media { position: absolute; inset: 0; z-index: 0; }
.estate-media img,
.estate-frame img,
.estate-table-main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.estate-media img { filter: saturate(.88) contrast(1.02); }
.estate-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(16, 24, 18, .72), rgba(16, 24, 18, .28) 52%, rgba(16, 24, 18, .1)); }
.estate-shade-deep { background: linear-gradient(90deg, rgba(15, 24, 18, .82), rgba(15, 24, 18, .44) 58%, rgba(15, 24, 18, .16)); }
.estate-shade-soft { background: linear-gradient(90deg, rgba(248, 244, 234, .92), rgba(248, 244, 234, .62) 46%, rgba(248, 244, 234, .18)); }
.estate-kicker {
margin: 0 0 24px;
color: var(--es-blue);
font-size: 12px;
line-height: 1;
letter-spacing: .24em;
font-weight: 800;
text-transform: uppercase;
}
.estate-arrival .estate-kicker,
.estate-rooms .estate-kicker { color: rgba(248, 244, 234, .78); }
.estate-arrival h1,
.estate-panel h2 {
margin: 0;
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-weight: 700;
letter-spacing: 0;
}
.estate-arrival h1 {
color: var(--es-milk);
max-width: 980px;
font-size: clamp(86px, 13vw, 190px);
line-height: .78;
}
.estate-panel h2 {
color: var(--es-green);
font-size: clamp(58px, 7.5vw, 124px);
line-height: .86;
}
.estate-rooms h2 { color: var(--es-milk); max-width: 820px; }
.estate-lede {
max-width: 720px;
margin: 34px 0 0;
color: rgba(248, 244, 234, .92);
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-size: clamp(32px, 4vw, 58px);
line-height: .98;
font-weight: 600;
}
.estate-copy p,
.estate-narrow p,
.estate-triptych p,
.estate-workshop p,
.estate-host-list p,
.estate-contact-panel p {
color: var(--es-ink-soft);
font-size: clamp(15px, 1.2vw, 18px);
line-height: 1.78;
font-weight: 650;
}
.estate-rooms p { max-width: 760px; color: rgba(248, 244, 234, .82); }
.estate-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.estate-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 13px 24px 12px;
border: 1px solid var(--es-green);
color: var(--es-green);
background: transparent;
font-size: 12px;
font-weight: 800;
letter-spacing: .15em;
text-transform: uppercase;
}
.estate-button-primary { background: var(--es-green); color: var(--es-milk); }
.estate-button:hover { background: var(--es-clay); border-color: var(--es-clay); color: var(--es-milk); }
.estate-button-light { border-color: rgba(248, 244, 234, .78); color: var(--es-milk); }
.estate-arrival-note {
position: absolute;
z-index: 3;
left: clamp(28px, 5vw, 82px);
right: clamp(28px, 5vw, 82px);
bottom: 34px;
display: flex;
justify-content: space-between;
gap: 24px;
padding-top: 18px;
border-top: 1px solid rgba(248, 244, 234, .34);
color: rgba(248, 244, 234, .74);
font-size: 12px;
letter-spacing: .18em;
font-weight: 800;
text-transform: uppercase;
}
.estate-rail {
position: fixed;
z-index: 850;
left: 18px;
top: 50%;
transform: translateY(-50%);
display: grid;
gap: 9px;
}
.estate-rail a {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border: 1px solid rgba(32, 40, 32, .22);
background: rgba(248, 244, 234, .66);
color: var(--es-green);
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
backdrop-filter: blur(10px);
}
.estate-rail a:hover { background: var(--es-green); color: var(--es-milk); }
.estate-two-col {
display: grid;
grid-template-columns: minmax(360px, .88fr) minmax(460px, 1.12fr);
gap: clamp(42px, 6vw, 96px);
align-items: center;
}
.estate-two-col-reverse { grid-template-columns: minmax(480px, 1.08fr) minmax(360px, .92fr); }
.estate-house { background: linear-gradient(180deg, #f8f4ea, #eee4d1); }
.estate-land { background: #eef1e7; }
.estate-copy { max-width: 680px; }
.estate-frame { margin: 0; position: relative; min-height: 620px; border: 1px solid var(--es-line); }
.estate-frame:before {
content: "";
position: absolute;
inset: 20px -20px -20px 20px;
border: 1px solid rgba(32,40,32,.16);
z-index: 0;
}
.estate-frame img { position: relative; z-index: 1; filter: saturate(.9) brightness(1.03); }
.estate-frame figcaption {
position: absolute;
z-index: 2;
left: 18px;
bottom: 18px;
color: var(--es-milk);
background: rgba(36, 58, 43, .88);
padding: 8px 10px;
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.estate-frame-wide { min-height: 540px; background: #dfe5d6; }
.estate-narrow { max-width: 900px; margin-left: clamp(28px, 8vw, 126px); }
.estate-table {
background:
linear-gradient(90deg, rgba(248,244,234,.96), rgba(248,244,234,.76)),
url(assets/img/stone-pattern.jpg);
background-size: auto, 520px auto;
}
.estate-table-grid {
display: grid;
grid-template-columns: minmax(330px, .78fr) minmax(460px, 1.12fr);
grid-template-rows: auto auto;
gap: 28px clamp(42px, 6vw, 86px);
align-items: end;
}
.estate-table-copy { grid-row: 1 / 3; }
.estate-table-main { grid-column: 2; grid-row: 1; margin: 0; height: min(48vh, 420px); border: 1px solid var(--es-line); }
.estate-workshop {
grid-column: 2;
grid-row: 2;
display: grid;
grid-template-columns: .5fr 1fr;
gap: 24px;
padding-top: 24px;
border-top: 1px solid var(--es-line);
}
.estate-workshop .estate-kicker { margin: 0; color: var(--es-wine); }
.estate-workshop a,
.estate-text-link {
color: var(--es-green);
font-size: 12px;
font-weight: 800;
letter-spacing: .15em;
text-transform: uppercase;
border-bottom: 1px solid currentColor;
}
.estate-sirince { color: var(--es-ink); }
.estate-sirince h2 { max-width: 760px; }
.estate-sirince-grid {
display: grid;
grid-template-columns: minmax(360px, .9fr) minmax(500px, 1.1fr);
gap: clamp(36px, 6vw, 96px);
align-items: end;
}
.estate-triptych { display: grid; gap: 18px; }
.estate-triptych article {
padding: 22px 0 0;
border-top: 1px solid rgba(32,40,32,.25);
}
.estate-triptych h3,
.estate-contact-panel h3 {
margin: 0 0 8px;
color: var(--es-clay);
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-size: clamp(32px, 3vw, 46px);
line-height: 1;
}
.estate-hosts { background: #f8f4ea; }
.estate-hosts-grid {
display: grid;
grid-template-columns: minmax(460px, 1.08fr) minmax(320px, .72fr);
gap: clamp(40px, 7vw, 110px);
align-items: center;
}
.estate-host-list { margin-top: 34px; border-top: 1px solid var(--es-line); }
.estate-host-list p { margin: 0; padding: 18px 0; border-bottom: 1px solid var(--es-line); }
.estate-contact-panel {
padding: clamp(30px, 4vw, 48px);
background: var(--es-green);
color: var(--es-milk);
}
.estate-contact-panel .estate-kicker,
.estate-contact-panel p,
.estate-contact-panel a { color: rgba(248,244,234,.88); }
.estate-contact-panel h3 { color: var(--es-milk); font-size: clamp(42px, 4vw, 62px); }
.estate-contact-panel .estate-button { margin-top: 18px; border-color: var(--es-milk); }
body.home #home-map { scroll-snap-align: start; background: var(--es-green); padding: 0; }
body.home #home-map iframe { height: 62vh; margin: 0 !important; filter: grayscale(.18) contrast(.95); }
body.home footer#footer { background: var(--es-green); color: rgba(248,244,234,.78); }
body.home #copyright { border-top: 1px solid rgba(248,244,234,.16); }
body.home footer#mobileFooter { background: var(--es-green); }
body.home header#mobileHeader { background: rgba(248,244,234,.94); border-bottom: 1px solid var(--es-line); }
body.home nav#mobileMenu { background: var(--es-milk); }
body.home nav#mobileMenu li a { color: var(--es-green); font-family: "Cormorant Garamond", "Newsreader", Georgia, serif; text-transform: none; font-size: 30px; }
body.home .menu .icon,
body.home .menu .icon:before,
body.home .menu .icon:after { background-color: var(--es-green); }
body.home .menu.open .icon { background: transparent; }
@media screen and (max-width: 1180px) {
.estate-two-col,
.estate-two-col-reverse,
.estate-table-grid,
.estate-sirince-grid,
.estate-hosts-grid { grid-template-columns: minmax(0, 1fr); }
.estate-table-copy,
.estate-table-main,
.estate-workshop { grid-column: auto; grid-row: auto; }
.estate-frame { min-height: 440px; }
.estate-narrow { margin-left: auto; }
}
@media screen and (max-width: 992px) {
html:has(body.home) { scroll-snap-type: y proximity; }
.estate-rail { display: none; }
.estate-panel { min-height: 100svh; padding: 92px 22px 86px; }
.estate-arrival h1 { font-size: clamp(76px, 22vw, 128px); }
.estate-panel h2 { font-size: clamp(52px, 15vw, 86px); }
.estate-arrival-note { left: 22px; right: 22px; bottom: 70px; display: block; }
.estate-arrival-note span { display: block; margin-top: 8px; }
.estate-frame { min-height: 360px; }
.estate-workshop { grid-template-columns: 1fr; }
.estate-table-main { height: 310px; }
body.home #home-map iframe { height: 360px; }
}
@media screen and (max-width: 620px) {
.estate-panel { padding-left: 16px; padding-right: 16px; }
.estate-actions { width: 100%; }
.estate-button { width: 100%; }
.estate-frame:before { display: none; }
.estate-frame { min-height: 290px; }
.estate-copy p,
.estate-narrow p,
.estate-triptych p,
.estate-workshop p,
.estate-host-list p,
.estate-contact-panel p { font-size: 15px; line-height: 1.64; }
.estate-hosts-grid { gap: 28px; }
.estate-contact-panel { padding: 28px 22px; }
}
/* Estate-scroll QA safety: let dense mobile panels breathe instead of clipping copy */
body.home { overflow-x: hidden; }
@media screen and (max-width: 992px) {
.estate-panel { overflow: visible; }
.estate-media { overflow: hidden; }
}
/* Nişanyan bugfix pass 2026-06-05 */
body.home .estate-rail { display: none !important; }
body.home .estate-arrival-note {
justify-content: flex-end;
text-align: right;
border-top: 0;
padding-top: 0;
bottom: 36px;
color: rgba(248, 244, 234, .88);
}
body.home .estate-arrival-note span { max-width: min(620px, 100%); }
body.home .estate-house .estate-frame {
width: min(880px, 100%);
min-height: 0;
aspect-ratio: 16 / 9;
border: 0;
background: transparent;
justify-self: center;
box-shadow: none;
}
body.home .estate-house .estate-frame:before,
body.home .estate-house .estate-frame figcaption { display: none; }
body.home .estate-house .estate-frame img { object-position: center center; }
body.home .estate-land .estate-frame figcaption { display: none; }
body.home .estate-land h2 { font-size: clamp(42px, 5vw, 78px); line-height: .94; }
body.home .estate-land .estate-copy p { font-size: clamp(14px, 1vw, 16px); line-height: 1.58; }
body.home .estate-land .estate-two-col,
body.home .estate-land .estate-two-col-reverse { gap: clamp(32px, 4.5vw, 68px); }
body.home .estate-sirince .estate-triptych article {
padding: 22px 24px;
border: 1px solid rgba(32, 40, 32, .16);
background: rgba(248, 244, 234, .91);
box-shadow: 0 18px 44px rgba(25, 35, 25, .11);
backdrop-filter: blur(10px);
}
body.home .estate-sirince .estate-triptych p { color: #364234; }
body.home .estate-sirince .estate-triptych h3 { color: var(--es-green); }
body.home .estate-host-list.estate-host-portraits { margin-top: 30px; border-top: 1px solid var(--es-line); }
body.home .estate-host-card {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
gap: 18px;
align-items: center;
padding: 18px 0;
border-bottom: 1px solid var(--es-line);
}
body.home .estate-host-card img {
width: 72px;
height: 72px;
border-radius: 999px;
object-fit: cover;
border: 2px solid rgba(152, 96, 63, .34);
}
body.home .estate-host-card p {
margin: 0;
padding: 0;
border-bottom: 0;
}
.estate-subpage {
min-height: 100vh;
background: var(--es-milk);
color: var(--es-ink);
font-family: "Manrope", "Noto Sans", Arial, sans-serif;
letter-spacing: 0;
overflow: hidden;
}
.estate-subpage h1,
.estate-subpage h2,
.estate-subpage h3 {
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
letter-spacing: 0;
font-weight: 700;
}
.estate-sub-hero {
position: relative;
min-height: 100vh;
padding: 126px clamp(24px, 5vw, 82px) 70px;
display: grid;
grid-template-columns: minmax(320px, .86fr) minmax(420px, 1.14fr);
gap: clamp(38px, 6vw, 96px);
align-items: center;
}
.estate-sub-copy { position: relative; z-index: 2; max-width: 760px; }
.estate-sub-copy h1 {
margin: 0;
color: var(--es-green);
font-size: clamp(68px, 8vw, 132px);
line-height: .84;
}
.estate-sub-lede {
margin: 30px 0 0;
color: var(--es-ink-soft);
font-size: clamp(18px, 1.55vw, 24px);
line-height: 1.52;
font-weight: 650;
}
.estate-sub-portrait {
position: relative;
z-index: 1;
margin: 0;
height: min(72vh, 680px);
border: 0;
}
.estate-sub-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
box-shadow: 0 26px 70px rgba(35, 42, 32, .18);
}
.estate-sub-content {
padding: clamp(70px, 8vw, 120px) clamp(24px, 5vw, 82px);
}
.estate-yemek-letter {
display: grid;
grid-template-columns: minmax(360px, .96fr) minmax(300px, .64fr);
gap: clamp(38px, 6vw, 90px);
align-items: start;
background: linear-gradient(180deg, #f8f4ea, #eee4d1);
}
.estate-letter-text {
max-width: 850px;
columns: 2 310px;
column-gap: clamp(30px, 4vw, 58px);
}
.estate-letter-text p,
.estate-course-card p,
.estate-restaurant-text p,
.estate-restaurant-notes p {
color: var(--es-ink-soft);
font-size: clamp(15px, 1.1vw, 18px);
line-height: 1.74;
font-weight: 650;
}
.estate-letter-text p:first-child {
margin-top: 0;
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
color: var(--es-green);
font-size: clamp(26px, 2.4vw, 38px);
line-height: 1.08;
}
.estate-course-card {
position: sticky;
top: 112px;
padding: clamp(28px, 4vw, 46px);
background: var(--es-green);
color: var(--es-milk);
}
.estate-course-card .estate-kicker,
.estate-course-card p { color: rgba(248, 244, 234, .86); }
.estate-course-card h2 {
margin: 0 0 22px;
color: var(--es-milk);
font-size: clamp(42px, 4vw, 66px);
line-height: .92;
}
.estate-restaurant-hero {
grid-template-columns: minmax(420px, .82fr) minmax(0, 1fr);
color: var(--es-milk);
isolation: isolate;
}
.estate-restaurant-hero-image { position: absolute; inset: 0; z-index: 0; }
.estate-restaurant-hero-image:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(24, 33, 24, .82), rgba(24, 33, 24, .46) 46%, rgba(24, 33, 24, .08));
}
.estate-restaurant-hero-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.estate-sub-copy-light h1,
.estate-sub-copy-light .estate-sub-lede { color: var(--es-milk); }
.estate-sub-copy-light .estate-kicker { color: rgba(248,244,234,.78); }
.estate-restaurant-story {
display: grid;
grid-template-columns: minmax(320px, .75fr) minmax(520px, 1.25fr);
gap: clamp(36px, 6vw, 88px);
align-items: center;
}
.estate-restaurant-text h2 {
margin: 0 0 24px;
color: var(--es-green);
font-size: clamp(54px, 6vw, 96px);
line-height: .88;
}
.estate-restaurant-images {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 260px 260px;
gap: 18px;
}
.estate-restaurant-images img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.estate-restaurant-images img:first-child { grid-row: 1 / 3; }
.estate-restaurant-notes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: rgba(32, 40, 32, .18);
padding: 1px;
}
.estate-restaurant-notes article {
background: #eef1e7;
padding: clamp(28px, 4vw, 48px);
min-height: 260px;
}
.estate-restaurant-notes h3 {
margin: 0 0 18px;
color: var(--es-clay);
font-size: clamp(38px, 4vw, 62px);
line-height: .94;
}
@media screen and (max-width: 1180px) {
.estate-sub-hero,
.estate-yemek-letter,
.estate-restaurant-story,
.estate-restaurant-notes { grid-template-columns: 1fr; }
.estate-course-card { position: relative; top: auto; }
.estate-restaurant-images { grid-template-rows: 240px 240px; }
}
@media screen and (max-width: 760px) {
body.home .estate-arrival-note { bottom: 92px; text-align: left; }
body.home .estate-host-card { grid-template-columns: 58px 1fr; gap: 14px; }
body.home .estate-host-card img { width: 58px; height: 58px; }
.estate-sub-hero { min-height: auto; padding: 104px 18px 58px; }
.estate-sub-copy h1 { font-size: clamp(58px, 17vw, 86px); }
.estate-sub-portrait { height: 420px; }
.estate-sub-content { padding: 58px 18px; }
.estate-letter-text { columns: 1; }
.estate-restaurant-images { grid-template-columns: 1fr; grid-template-rows: repeat(3, 240px); }
.estate-restaurant-images img:first-child { grid-row: auto; }
}
/* End Nişanyan bugfix pass 2026-06-05 */
/* Nişanyan layout correction 2026-06-05b */
body.home .estate-land {
padding-top: 104px;
padding-bottom: 64px;
}
body.home .estate-land .estate-two-col,
body.home .estate-land .estate-two-col-reverse {
grid-template-columns: minmax(360px, .86fr) minmax(420px, .94fr);
gap: clamp(38px, 5vw, 76px);
align-items: center;
}
body.home .estate-land .estate-frame {
justify-self: center;
width: min(600px, 100%);
min-height: 0;
aspect-ratio: 1.08 / 1;
border: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
body.home .estate-land .estate-frame:before,
body.home .estate-land .estate-frame:after,
body.home .estate-land .estate-frame figcaption { display: none !important; }
body.home .estate-land .estate-frame img {
object-fit: contain;
object-position: center;
background: transparent;
filter: none;
}
body.home .estate-land h2 {
margin-bottom: 30px;
font-size: clamp(38px, 4.55vw, 72px);
line-height: .96;
}
body.home .estate-land .estate-kicker { margin-bottom: 18px; }
body.home .estate-land .estate-copy p {
margin-top: 0;
margin-bottom: 16px;
font-size: clamp(14px, .98vw, 16px);
line-height: 1.62;
}
.estate-yemek-standalone {
min-height: 92vh;
grid-template-columns: minmax(360px, .92fr) minmax(420px, .9fr);
background: linear-gradient(180deg, #f8f4ea, #f1e8d8);
}
.estate-yemek-intro { max-width: 720px; }
.estate-yemek-brief {
margin: 24px 0 0;
max-width: 620px;
color: var(--es-ink-soft);
font-size: clamp(15px, 1.15vw, 18px);
line-height: 1.7;
font-weight: 650;
}
.estate-yemek-portrait {
height: min(66vh, 640px);
padding: clamp(10px, 1.5vw, 18px);
border: 1px solid rgba(32, 40, 32, .18);
background: rgba(248, 244, 234, .58);
box-shadow: none;
}
.estate-yemek-portrait img {
box-shadow: 0 24px 58px rgba(35, 42, 32, .18);
object-position: center;
}
.estate-page-rule {
position: relative;
height: 86px;
display: grid;
place-items: center;
background: #f1e8d8;
}
.estate-page-rule:before,
.estate-page-rule:after {
content: "";
width: min(36vw, 420px);
height: 1px;
background: rgba(32, 40, 32, .22);
}
.estate-page-rule {
grid-template-columns: 1fr auto 1fr;
column-gap: 22px;
}
.estate-page-rule span {
width: 9px;
height: 9px;
border: 1px solid rgba(32, 40, 32, .36);
transform: rotate(45deg);
background: #f1e8d8;
}
.estate-yemek-maintext { padding-top: clamp(58px, 6vw, 92px); }
.estate-yemek-maintext .estate-course-card .estate-button { border-color: rgba(248,244,234,.88); }
@media screen and (max-width: 1180px) {
body.home .estate-land .estate-two-col,
body.home .estate-land .estate-two-col-reverse,
.estate-yemek-standalone { grid-template-columns: 1fr; }
body.home .estate-land .estate-frame { width: min(520px, 100%); aspect-ratio: 1.15 / 1; }
.estate-yemek-portrait { height: 520px; }
}
@media screen and (max-width: 760px) {
body.home .estate-land { padding-top: 92px; }
body.home .estate-land .estate-frame { width: min(340px, 100%); }
body.home .estate-land h2 { margin-bottom: 22px; }
.estate-yemek-portrait { height: 390px; padding: 10px; }
.estate-page-rule { height: 64px; column-gap: 16px; }
}
/* End Nişanyan layout correction 2026-06-05b */
/* Nişanyan homepage food split and contact panorama 2026-06-05 */
body.home .estate-restaurant-home {
background: linear-gradient(180deg, #f8f4ea 0%, #eee4d1 100%);
}
body.home .estate-restaurant-home-grid {
display: grid;
grid-template-columns: minmax(330px, .78fr) minmax(460px, 1.04fr) minmax(180px, .42fr);
gap: clamp(24px, 4vw, 56px);
align-items: center;
}
body.home .estate-restaurant-home-copy h2,
body.home .estate-workshop-home-copy h2 {
margin-bottom: 28px;
}
body.home .estate-restaurant-home-main {
margin: 0;
height: min(66vh, 680px);
min-height: 440px;
overflow: hidden;
}
body.home .estate-restaurant-home-main img,
body.home .estate-restaurant-home-side img,
body.home .estate-workshop-home-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
body.home .estate-restaurant-home-side {
display: grid;
gap: 18px;
}
body.home .estate-restaurant-home-side img {
height: min(30vh, 300px);
min-height: 190px;
}
body.home .estate-workshop-home {
background: #eef1e7;
}
body.home .estate-workshop-home-grid {
display: grid;
grid-template-columns: minmax(420px, .92fr) minmax(380px, .82fr);
gap: clamp(40px, 7vw, 112px);
align-items: center;
}
body.home .estate-workshop-home-photo {
margin: 0;
height: min(70vh, 690px);
min-height: 480px;
padding: clamp(10px, 1.4vw, 18px);
background: rgba(248, 244, 234, .58);
border: 1px solid rgba(32, 40, 32, .18);
}
body.home .estate-workshop-home-photo img {
box-shadow: 0 24px 58px rgba(35, 42, 32, .15);
}
body.home .estate-workshop-home-copy {
max-width: 680px;
}
section#subSlider.contact-panorama-hero {
background: #18231d;
overflow: hidden;
}
section#subSlider.contact-panorama-hero .slideImage {
overflow: hidden;
background: #18231d;
}
section#subSlider.contact-panorama-hero .slideImage:before {
background: rgba(12, 20, 16, .58) !important;
}
section#subSlider.contact-panorama-hero .slideImage img {
filter: blur(5px) brightness(.68) saturate(.92) !important;
transform: scale(1.06);
}
section#subSlider.contact-panorama-hero .item .slideTextBig {
color: #f8f4ea !important;
text-shadow: 0 2px 22px rgba(0, 0, 0, .44), 0 1px 2px rgba(0,0,0,.5);
}
@media screen and (max-width: 1180px) {
body.home .estate-restaurant-home-grid,
body.home .estate-workshop-home-grid { grid-template-columns: 1fr; }
body.home .estate-restaurant-home-main,
body.home .estate-workshop-home-photo { min-height: 420px; height: 52vh; }
body.home .estate-restaurant-home-side { grid-template-columns: 1fr 1fr; }
body.home .estate-restaurant-home-side img { height: 230px; min-height: 0; }
}
@media screen and (max-width: 760px) {
body.home .estate-restaurant-home-main,
body.home .estate-workshop-home-photo { min-height: 0; height: 360px; }
body.home .estate-restaurant-home-side { grid-template-columns: 1fr; }
body.home .estate-restaurant-home-side img { height: 210px; }
}
/* End Nişanyan homepage food split and contact panorama 2026-06-05 */
/* Nişanyan amenities and Mekanlar correction 2026-06-05 */
body.home .estate-rooms .estate-narrow {
max-width: 920px;
margin-left: auto;
margin-right: auto;
text-align: center;
transform: translateY(-4vh);
}
body.home .estate-rooms h2 {
margin-bottom: 34px;
}
body.home .estate-rooms p {
margin-left: auto;
margin-right: auto;
max-width: 760px;
}
body.home .estate-rooms .estate-actions {
justify-content: center;
}
body.home .estate-amenities {
background: linear-gradient(180deg, #f1e8d8 0%, #eef1e7 100%);
align-items: stretch;
}
body.home .estate-amenities-inner {
display: grid;
grid-template-columns: minmax(280px, .54fr) minmax(640px, 1.2fr);
gap: clamp(34px, 5vw, 78px);
align-items: center;
min-height: calc(100vh - 168px);
}
body.home .estate-amenities-heading {
align-self: center;
}
body.home .estate-amenities-heading h2 {
color: var(--es-green);
font-size: clamp(54px, 6.5vw, 112px);
line-height: .88;
}
body.home .estate-amenities-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 2vw, 26px);
align-items: stretch;
}
body.home .estate-amenity-card {
display: grid;
grid-template-rows: minmax(280px, 42vh) auto;
background: rgba(248, 244, 234, .72);
border: 1px solid rgba(32, 40, 32, .14);
min-height: 0;
}
body.home .estate-amenity-card a {
display: block;
overflow: hidden;
}
body.home .estate-amenity-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(.9) contrast(1.02);
transition: transform .6s ease;
}
body.home .estate-amenity-card:hover img {
transform: scale(1.035);
}
body.home .estate-amenity-card div {
padding: 22px 22px 24px;
}
body.home .estate-amenity-card h3 {
margin: 0 0 12px;
color: var(--es-clay);
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-size: clamp(30px, 2.8vw, 44px);
line-height: .96;
}
body.home .estate-amenity-card p {
margin: 0;
color: var(--es-ink-soft);
font-size: clamp(14px, 1vw, 16px);
line-height: 1.58;
font-weight: 650;
}
@media screen and (max-width: 1180px) {
body.home .estate-rooms .estate-narrow { transform: translateY(0); }
body.home .estate-amenities-inner { grid-template-columns: 1fr; }
body.home .estate-amenities-heading { text-align: center; }
body.home .estate-amenities-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.home .estate-amenity-card { grid-template-rows: 260px auto; }
}
@media screen and (max-width: 860px) {
body.home .estate-amenities-grid { grid-template-columns: 1fr; }
body.home .estate-amenity-card { grid-template-rows: 240px auto; }
}
@media screen and (max-width: 620px) {
body.home .estate-rooms h2 { margin-bottom: 24px; }
body.home .estate-amenities-heading h2 { font-size: clamp(48px, 15vw, 78px); }
body.home .estate-amenity-card div { padding: 20px 18px 22px; }
}
/* End Nişanyan amenities and Mekanlar correction 2026-06-05 */
/* Nişanyan text alignment corrections 2026-06-05 */
body.home .estate-rooms .estate-narrow {
max-width: 900px;
margin-left: clamp(28px, 8vw, 126px);
margin-right: auto;
text-align: left;
transform: translateY(-4vh);
}
body.home .estate-rooms p {
margin-left: 0;
margin-right: 0;
max-width: 760px;
}
body.home .estate-rooms .estate-actions {
justify-content: flex-start;
}
body.home .estate-amenities-lede {
margin: 28px 0 0;
max-width: 520px;
color: var(--es-ink-soft);
font-size: clamp(14px, 1vw, 17px);
line-height: 1.72;
font-weight: 650;
}
body.home .estate-sirince-grid {
align-items: center;
}
body.home .estate-sirince-grid > div:first-child {
align-self: center;
transform: translateY(-2vh);
}
body.home .estate-hosts h2 {
line-height: 1.02;
margin-bottom: 8px;
}
body.home .estate-host-card {
grid-template-columns: 78px minmax(0, 1fr);
align-items: start;
}
body.home .estate-host-card img {
width: 78px;
height: 78px;
margin-top: 4px;
}
body.home .estate-host-card p a {
color: var(--es-green);
border-bottom: 1px solid currentColor;
}
@media screen and (max-width: 1180px) {
body.home .estate-rooms .estate-narrow {
margin-left: auto;
margin-right: auto;
transform: translateY(0);
}
body.home .estate-sirince-grid > div:first-child { transform: none; }
}
@media screen and (max-width: 760px) {
body.home .estate-rooms .estate-narrow { text-align: left; }
body.home .estate-host-card { grid-template-columns: 58px 1fr; }
body.home .estate-host-card img { width: 58px; height: 58px; }
}
/* End Nişanyan text alignment corrections 2026-06-05 */
/* Foreign-language estate-scroll text safeguards 2026-06-05 */
body.home.EN .estate-arrival h1,
body.home.RU .estate-arrival h1,
body.home.HY .estate-arrival h1 {
font-size: clamp(70px, 10vw, 154px);
line-height: .84;
}
body.home.EN .estate-panel h2,
body.home.RU .estate-panel h2,
body.home.HY .estate-panel h2 {
font-size: clamp(48px, 6.4vw, 100px);
line-height: .94;
}
body.home.RU .estate-copy p,
body.home.HY .estate-copy p,
body.home.RU .estate-narrow p,
body.home.HY .estate-narrow p,
body.home.RU .estate-triptych p,
body.home.HY .estate-triptych p {
font-size: clamp(14px, 1vw, 16px);
line-height: 1.62;
}
body.home.RU .estate-host-card p,
body.home.HY .estate-host-card p {
font-size: clamp(13px, .95vw, 15px);
line-height: 1.56;
}
@media screen and (max-width: 620px) {
body.home.EN .estate-arrival h1,
body.home.RU .estate-arrival h1,
body.home.HY .estate-arrival h1 {
font-size: clamp(58px, 18vw, 96px);
}
body.home.EN .estate-panel h2,
body.home.RU .estate-panel h2,
body.home.HY .estate-panel h2 {
font-size: clamp(40px, 12vw, 66px);
}
}
/* End foreign-language estate-scroll text safeguards 2026-06-05 */
/* Excursion title spacing and heading emphasis 2026-06-05 */
body.home .estate-sirince h2 {
line-height: 1.04;
}
body.home .estate-sirince .estate-triptych h3 {
font-size: clamp(36px, 3.35vw, 52px);
font-weight: 800;
}
@media screen and (max-width: 620px) {
body.home .estate-sirince h2 {
line-height: 1.08;
}
body.home .estate-sirince .estate-triptych h3 {
font-size: clamp(34px, 10vw, 44px);
}
}
/* End excursion title spacing and heading emphasis 2026-06-05 */
/* Scroll and responsive stability fix 2026-06-05 */
.estate-menu-note {
margin: 20px 0 0;
color: var(--es-ink-soft);
font-size: clamp(15px, 1.05vw, 17px);
line-height: 1.62;
font-weight: 750;
}
.estate-menu-note a {
color: var(--es-clay);
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
font-weight: 850;
}
body.home .estate-amenity-card {
overflow: hidden;
}
.estate-restaurant-page .estate-sub-copy h1 {
line-height: .96;
}
@media screen and (min-width: 993px) {
html:has(body.home) { scroll-snap-type: y mandatory !important; }
body.home .estate-panel,
body.home #home-map {
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
}
}
@media screen and (max-width: 760px) {
body.home #estate-scroll { display: block; overflow: visible; }
body.home .estate-panel {
display: block;
min-height: auto !important;
padding: 96px 18px 86px !important;
overflow: hidden;
}
body.home .estate-arrival {
min-height: 100svh !important;
display: flex;
align-items: center;
}
body.home .estate-arrival h1 {
font-size: clamp(56px, 18vw, 86px) !important;
line-height: .9 !important;
overflow-wrap: anywhere;
}
body.home .estate-lede {
font-size: clamp(22px, 7vw, 32px);
line-height: 1.14;
}
body.home .estate-panel h2 {
font-size: clamp(38px, 12vw, 58px) !important;
line-height: 1.04 !important;
}
body.home .estate-copy,
body.home .estate-narrow { max-width: 100%; }
body.home .estate-copy p,
body.home .estate-narrow p,
body.home .estate-triptych p,
body.home .estate-host-list p,
body.home .estate-contact-panel p {
font-size: 15px !important;
line-height: 1.6 !important;
}
body.home .estate-two-col,
body.home .estate-two-col-reverse,
body.home .estate-restaurant-home-grid,
body.home .estate-workshop-home-grid,
body.home .estate-amenities-inner,
body.home .estate-sirince-grid,
body.home .estate-hosts-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 28px !important;
min-height: auto !important;
}
body.home .estate-frame,
body.home .estate-restaurant-home-main,
body.home .estate-workshop-home-photo {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 4 / 3;
}
body.home .estate-frame img,
body.home .estate-restaurant-home-main img,
body.home .estate-workshop-home-photo img { height: 100%; }
body.home .estate-restaurant-home-side {
grid-template-columns: 1fr 1fr !important;
gap: 10px;
}
body.home .estate-restaurant-home-side img {
height: 145px !important;
min-height: 0;
}
body.home .estate-amenities-heading { text-align: left !important; }
body.home .estate-amenities-heading h2 { font-size: clamp(44px, 13vw, 66px) !important; }
body.home .estate-amenities-lede { max-width: 100%; }
body.home .estate-amenities-grid { grid-template-columns: 1fr !important; }
body.home .estate-amenity-card { grid-template-rows: 220px auto !important; }
body.home .estate-rooms .estate-narrow {
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
text-align: left !important;
}
body.home .estate-rooms .estate-actions { justify-content: flex-start !important; }
body.home .estate-sirince .estate-triptych {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
body.home .estate-host-card { grid-template-columns: 58px 1fr !important; }
body.home .estate-host-card img { width: 58px !important; height: 58px !important; }
body.home .estate-contact-panel { margin-bottom: 76px; }
body.home #home-map iframe { height: 340px !important; }
.estate-subpage { overflow: visible; }
.estate-sub-hero { grid-template-columns: 1fr !important; }
.estate-restaurant-notes { grid-template-columns: 1fr !important; }
}
/* End scroll and responsive stability fix 2026-06-05 */
/* Subpage snap correction 2026-06-05b */
body.home .estate-house h2 {
margin-bottom: clamp(34px, 3.4vw, 54px) !important;
}
@media screen and (min-width: 993px) {
body.page .estate-subpage {
overflow: visible;
}
body.page .estate-restaurant-page .estate-restaurant-story,
body.page .estate-yemek-page .estate-yemek-maintext {
display: grid;
align-items: center;
}
body.page .estate-restaurant-page .estate-restaurant-notes {
align-items: stretch;
}
body.page .estate-restaurant-page .estate-restaurant-notes article {
display: flex;
min-height: 100%;
flex-direction: column;
justify-content: center;
}
}
@media screen and (max-width: 992px) {
body.home .estate-house h2 {
margin-bottom: 28px !important;
}
}
/* End subpage snap correction 2026-06-05b */
/* Hotel room chapter navigation 2026-06-05 */
section #rooms #room-types {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
section #rooms .room-chapter {
margin: 38px 0 30px;
text-align: center;
}
section #rooms .room-chapter:first-of-type {
margin-top: 8px;
}
section #rooms .room-chapter-rule {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 18px;
align-items: center;
width: min(620px, 92%);
margin: 0 auto 18px;
}
section #rooms .room-chapter-rule:before,
section #rooms .room-chapter-rule:after {
content: "";
height: 1px;
background: linear-gradient(90deg, transparent, rgba(32, 40, 32, .34), transparent);
}
section #rooms .room-chapter-rule:after {
grid-column: 3;
}
section #rooms .room-chapter-rule:before {
grid-column: 1;
}
section #rooms .room-chapter-rule {
color: var(--es-clay, #98603f);
}
section #rooms .room-chapter-rule:has(+ h3):not(.no-diamond)::before { }
section #rooms .room-chapter h3 {
margin: 0;
color: var(--es-green, #243a2b);
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-size: clamp(38px, 4vw, 62px);
font-weight: 700;
line-height: 1;
}
section #rooms .room-chapter h3:before,
section #rooms .room-chapter h3:after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
margin: 0 16px .16em;
border: 1px solid currentColor;
transform: rotate(45deg);
}
@media screen and (max-width: 760px) {
section #rooms #room-types { gap: 6px; padding-left: 8px; padding-right: 8px; }
section #rooms .room-chapter { margin: 30px 0 22px; }
section #rooms .room-chapter h3 { font-size: clamp(34px, 11vw, 48px); }
section #rooms .room-chapter h3:before,
section #rooms .room-chapter h3:after { margin-left: 10px; margin-right: 10px; }
}
/* End hotel room chapter navigation 2026-06-05 */
/* Restaurant image refresh 2026-06-06 */
.estate-restaurant-hero-terrace:after {
background:
linear-gradient(90deg, rgba(18, 30, 21, .88), rgba(18, 30, 21, .62) 42%, rgba(18, 30, 21, .18) 72%, rgba(18, 30, 21, .1)),
linear-gradient(0deg, rgba(18, 30, 21, .32), rgba(18, 30, 21, .06) 48%, rgba(18, 30, 21, .16));
}
.estate-restaurant-hero-terrace img {
object-position: center center;
filter: saturate(.92) contrast(.96) brightness(.9);
}
.estate-restaurant-page .estate-sub-copy-light h1,
.estate-restaurant-page .estate-sub-copy-light .estate-sub-lede {
text-shadow: 0 2px 22px rgba(10, 18, 12, .42);
}
.estate-restaurant-page .estate-restaurant-notes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 2vw, 28px);
padding: clamp(28px, 4.5vw, 64px) clamp(24px, 5vw, 82px);
background: linear-gradient(180deg, #eee4d1, #f8f4ea);
align-items: stretch;
}
.estate-restaurant-page .estate-restaurant-notes article {
display: grid;
grid-template-rows: clamp(240px, 30vh, 360px) auto;
min-height: 0;
padding: 0;
overflow: hidden;
background: #f8f4ea;
border: 1px solid rgba(32, 40, 32, .14);
box-shadow: 0 18px 48px rgba(35, 42, 32, .08);
}
.estate-restaurant-notes figure {
position: relative;
margin: 0;
min-width: 0;
overflow: hidden;
background: #ddd2bf;
}
.estate-restaurant-notes figure:after {
content: "";
position: absolute;
inset: 0;
box-shadow: inset 0 0 0 1px rgba(32, 40, 32, .12);
pointer-events: none;
}
.estate-restaurant-notes figure img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.estate-restaurant-notes article:nth-child(1) figure img { object-position: center center; }
.estate-restaurant-notes article:nth-child(2) figure img { object-position: center 56%; }
.estate-restaurant-notes article:nth-child(3) figure img { object-position: center 46%; }
.estate-restaurant-notes article > div {
padding: clamp(24px, 3vw, 42px);
}
.estate-restaurant-notes article > div:before {
content: "";
display: block;
width: 62px;
height: 1px;
margin-bottom: 18px;
background: var(--es-clay);
}
.estate-restaurant-notes article > div h3 {
margin: 0 0 14px;
}
@media screen and (max-width: 1180px) {
.estate-restaurant-page .estate-restaurant-notes {
grid-template-columns: 1fr;
padding: clamp(28px, 5vw, 52px);
}
.estate-restaurant-page .estate-restaurant-notes article {
grid-template-rows: 340px auto;
}
}
@media screen and (max-width: 760px) {
.estate-restaurant-hero-terrace:after {
background: linear-gradient(0deg, rgba(18, 30, 21, .82), rgba(18, 30, 21, .5) 56%, rgba(18, 30, 21, .22));
}
.estate-restaurant-page .estate-restaurant-notes {
padding: 24px 18px 86px;
gap: 22px;
}
.estate-restaurant-page .estate-restaurant-notes article {
grid-template-rows: 260px auto;
}
.estate-restaurant-notes article > div {
padding: 22px 20px 26px;
}
.estate-restaurant-notes h3 {
font-size: clamp(34px, 11vw, 48px);
}
}
/* End restaurant image refresh 2026-06-06 */
/* Restaurant/Ottoman refinement 2026-06-06d */
.estate-restaurant-page .estate-sub-lede {
max-width: 720px;
}
body.page .estate-restaurant-page .estate-restaurant-notes {
align-items: stretch !important;
}
body.page .estate-restaurant-page .estate-restaurant-notes article {
display: grid !important;
grid-template-rows: clamp(310px, 39vh, 460px) auto !important;
min-height: 0 !important;
justify-content: stretch !important;
}
body.page .estate-restaurant-page .estate-restaurant-notes figure {
height: auto !important;
min-height: 0;
}
body.page .estate-restaurant-page .estate-restaurant-notes figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 1180px) {
body.page .estate-restaurant-page .estate-restaurant-notes article {
grid-template-rows: 380px auto !important;
}
}
@media screen and (max-width: 760px) {
body.page .estate-restaurant-page .estate-restaurant-notes article {
grid-template-rows: 300px auto !important;
}
}
body.osmanli-yemekleri #page,
body.ottoman-dining #page {
background: linear-gradient(180deg, #f8f4ea 0%, #efe4d0 100%);
padding: clamp(72px, 8vw, 122px) clamp(18px, 4vw, 64px);
font-weight: 600;
}
body.osmanli-yemekleri #page .container-kp,
body.ottoman-dining #page .container-kp {
max-width: 980px;
margin: 0 auto;
color: var(--es-ink-soft);
}
body.osmanli-yemekleri .ottoman-intro,
body.ottoman-dining .ottoman-intro {
margin: 0 0 clamp(44px, 5vw, 72px);
padding: 0 0 clamp(30px, 4vw, 50px);
border-bottom: 1px solid rgba(116, 75, 46, .28);
color: var(--es-green);
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-size: clamp(28px, 3.2vw, 48px);
line-height: 1.14;
font-weight: 700;
letter-spacing: 0;
}
body.osmanli-yemekleri #page h3,
body.ottoman-dining #page h3 {
margin: clamp(42px, 5vw, 68px) 0 20px;
padding-top: 20px;
border-top: 1px solid rgba(32, 40, 32, .16);
color: var(--es-clay);
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-size: clamp(34px, 3.8vw, 58px);
line-height: .98;
font-weight: 700;
letter-spacing: 0;
}
body.osmanli-yemekleri #page p,
body.ottoman-dining #page p {
max-width: 880px;
margin: 0 0 15px;
color: var(--es-ink-soft);
font-size: clamp(16px, 1.12vw, 19px);
line-height: 1.74;
font-weight: 600;
}
body.osmanli-yemekleri #page p strong,
body.ottoman-dining #page p strong {
color: var(--es-green);
font-weight: 850;
}
body.osmanli-yemekleri #page p em,
body.ottoman-dining #page p em {
color: var(--es-ink);
}
@media screen and (max-width: 760px) {
body.osmanli-yemekleri #page,
body.ottoman-dining #page {
padding: 56px 18px 72px;
}
body.osmanli-yemekleri .ottoman-intro,
body.ottoman-dining .ottoman-intro {
font-size: clamp(25px, 8vw, 36px);
}
}
/* End restaurant/ottoman refinement 2026-06-06d */
/* Narrow copy fixes 2026-06-06e */
.restaurant-copy-title-smaller {
font-size: clamp(46px, 5vw, 76px) !important;
line-height: .94 !important;
}
.estate-yemek-maintext .estate-letter-text p:first-child {
font-size: clamp(29px, 2.75vw, 44px) !important;
line-height: 1.1 !important;
font-weight: 800 !important;
}
/* End narrow copy fixes 2026-06-06e */
/* Workshop/Murver/language home fixes 2026-06-06f */
.ottoman-murver-block {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
gap: clamp(24px, 4vw, 48px);
align-items: start;
margin: clamp(18px, 3vw, 34px) 0 clamp(44px, 5vw, 70px);
padding-bottom: clamp(28px, 4vw, 46px);
border-bottom: 1px solid rgba(32, 40, 32, .16);
}
.ottoman-murver-image {
margin: 0;
align-self: start;
}
.ottoman-murver-image img {
width: 100%;
max-height: 430px;
object-fit: cover;
display: block;
box-shadow: 0 18px 42px rgba(35, 42, 32, .12);
}
@media screen and (max-width: 760px) {
.ottoman-murver-block { grid-template-columns: 1fr; }
.ottoman-murver-image img { max-height: 360px; }
}
/* End workshop/murver/language home fixes 2026-06-06f */
/* Workshop intro polish 2026-06-06g */
.estate-yemek-intro {
max-width: 820px;
}
.estate-yemek-intro h1 {
display: block !important;
color: var(--es-green);
font-size: clamp(48px, 5.8vw, 92px);
line-height: .92;
max-width: 840px;
}
.estate-yemek-intro .estate-sub-lede,
.estate-yemek-intro .estate-yemek-brief {
max-width: 760px;
color: var(--es-ink-soft);
font-size: clamp(17px, 1.35vw, 22px);
line-height: 1.58;
font-weight: 650;
}
.estate-yemek-intro .estate-sub-lede {
margin-top: clamp(24px, 3vw, 38px);
}
.estate-yemek-intro .estate-yemek-brief {
margin-top: 14px;
}
@media screen and (max-width: 760px) {
.estate-yemek-intro h1 { font-size: clamp(40px, 13vw, 60px); }
}
/* End workshop intro polish 2026-06-06g */
/* Workshop intro title resize 2026-06-06h */
.estate-yemek-intro h1 {
font-size: clamp(30px, 2.65vw, 42px);
line-height: 1.14;
max-width: 780px;
margin-top: 12px;
margin-bottom: 0;
}
@media screen and (max-width: 760px) {
.estate-yemek-intro h1 {
font-size: clamp(26px, 7vw, 34px);
line-height: 1.16;
}
}
/* End workshop intro title resize 2026-06-06h */
/* Hotel page refresh 2026-06-06i */
body.list-room section#subSlider.hotel-hero {
min-height: 430px;
background: #263023;
}
body.list-room section#subSlider.hotel-hero .slideImage:before {
background: rgba(18, 24, 16, .28);
backdrop-filter: blur(1.1px);
}
body.list-room section#subSlider.hotel-hero .slideImage img {
filter: saturate(1.02) brightness(.88) blur(.45px);
transform: scale(1.012);
}
body.list-room section#subSlider.hotel-hero .item .slideTextBig {
color: #fff;
text-shadow: 0 5px 28px rgba(0, 0, 0, .42), 0 1px 2px rgba(0, 0, 0, .32);
}
body.list-room #page.hotel-intro-section {
padding: clamp(52px, 7vw, 86px) 15px clamp(38px, 5vw, 58px);
background: var(--nl-paper);
}
body.list-room .page-content-room {
max-width: 960px;
margin: 0 auto;
color: var(--nl-ink-soft);
font-family: "Newsreader", Georgia, serif;
font-size: clamp(18px, 1.28vw, 22px);
font-weight: 620;
line-height: 1.72;
}
body.list-room .page-content-room p {
max-width: 900px;
margin: 0 auto 22px;
}
body.list-room .page-content-room p:first-child {
color: var(--nl-coffee-dark);
font-size: clamp(21px, 1.7vw, 28px);
line-height: 1.5;
}
body.list-room .page-content-room p:last-child {
margin-bottom: 0;
}
body.list-room .hotel-amenities {
padding: clamp(44px, 6vw, 72px) 15px clamp(64px, 7vw, 92px);
background: var(--nl-paper-deep);
border-top: 1px solid var(--nl-line);
}
body.list-room .hotel-amenities-inner {
max-width: 1040px;
margin: 0 auto;
columns: 2 340px;
column-gap: 48px;
}
body.list-room .hotel-amenities p {
break-inside: avoid;
margin: 0 0 18px;
color: var(--nl-ink-soft);
font-size: 16px;
font-weight: 560;
line-height: 1.64;
}
body.list-room .hotel-amenities strong {
color: var(--nl-coffee-dark);
font-weight: 800;
}
body.list-room section #rooms #room-types {
top: 0;
z-index: 700;
}
header#header .otherLang {
z-index: 1200;
}
body.room-detail section#subSlider.room-detail-hero .slideImage:before {
background: rgba(18, 24, 16, .3);
}
body.room-detail section#subSlider.room-detail-hero .item .slideTextBig {
color: #fff;
text-shadow: 0 5px 28px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);
}
@media screen and (max-width: 760px) {
body.list-room section#subSlider.hotel-hero { min-height: 260px; }
body.list-room .page-content-room { font-size: 17px; line-height: 1.66; }
body.list-room .page-content-room p:first-child { font-size: 21px; }
body.list-room .hotel-amenities-inner { columns: 1; }
body.list-room section #rooms #room-types { top: 65px; }
}
/* End hotel page refresh 2026-06-06i */
/* Hotel/Ottoman side-image refresh 2026-06-06j */
body.list-room section#subSlider.hotel-title-hero {
height: 34vh;
min-height: 280px;
background:
linear-gradient(90deg, rgba(255, 253, 247, .96), rgba(255, 248, 236, .9)),
var(--nl-paper-deep);
}
body.list-room section#subSlider.hotel-title-hero .item,
body.list-room section#subSlider.hotel-title-hero .item .item-text {
height: 34vh;
min-height: 280px;
}
body.list-room section#subSlider.hotel-title-hero .item .item-text {
padding: 92px 24px 34px;
}
body.list-room section#subSlider.hotel-title-hero .item .slideTextBig {
color: var(--nl-coffee-dark);
text-shadow: none;
}
body.list-room .hotel-intro-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
gap: clamp(28px, 5vw, 68px);
align-items: center;
max-width: 1080px;
margin: 0 auto;
}
body.list-room .hotel-intro-layout .page-content-room {
margin: 0;
}
body.list-room .hotel-intro-layout .page-content-room p {
margin-left: 0;
margin-right: 0;
}
.hotel-intro-figure,
.hotel-staff-figure,
.ottoman-dining-figure {
margin: 0;
}
.hotel-intro-figure img,
.hotel-staff-figure img,
.ottoman-dining-figure img {
display: block;
width: 100%;
object-fit: cover;
border: 10px solid rgba(255, 253, 247, .78);
border-radius: 8px;
box-shadow: 0 22px 52px rgba(45, 51, 36, .16);
}
.hotel-intro-figure img {
aspect-ratio: 4 / 3;
filter: saturate(1.03) brightness(1.02);
}
body.list-room .hotel-amenities-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(190px, 280px);
gap: clamp(26px, 4vw, 48px);
align-items: start;
max-width: 1060px;
margin: 0 auto;
}
body.list-room .hotel-amenities-inner {
max-width: none;
margin: 0;
columns: 2 260px;
column-gap: 30px;
}
.hotel-staff-figure img {
aspect-ratio: 3 / 4;
max-height: 390px;
object-position: center 36%;
}
body.osmanli-yemekleri .ottoman-intro-layout,
body.ottoman-dining .ottoman-intro-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
gap: clamp(26px, 4vw, 54px);
align-items: center;
margin-bottom: clamp(36px, 5vw, 62px);
}
body.osmanli-yemekleri .ottoman-intro-layout .ottoman-intro,
body.ottoman-dining .ottoman-intro-layout .ottoman-intro {
margin: 0;
}
.ottoman-dining-figure img {
aspect-ratio: 3 / 4;
max-height: 480px;
object-position: center 42%;
}
@media screen and (max-width: 860px) {
body.list-room .hotel-intro-layout,
body.list-room .hotel-amenities-layout,
body.osmanli-yemekleri .ottoman-intro-layout,
body.ottoman-dining .ottoman-intro-layout {
grid-template-columns: 1fr;
}
.hotel-intro-figure,
.hotel-staff-figure,
.ottoman-dining-figure {
max-width: 420px;
margin: 0 auto;
width: 100%;
}
body.list-room .hotel-amenities-inner { columns: 1; }
}
@media screen and (max-width: 760px) {
body.list-room section#subSlider.hotel-title-hero,
body.list-room section#subSlider.hotel-title-hero .item,
body.list-room section#subSlider.hotel-title-hero .item .item-text {
height: 220px;
min-height: 220px;
}
body.list-room section#subSlider.hotel-title-hero .item .item-text {
padding-top: 54px;
}
}
/* End hotel/Ottoman side-image refresh 2026-06-06j */
/* Hotel/Ottoman correction 2026-06-06k */
body.osmanli-yemekleri #page,
body.ottoman-dining #page {
padding-top: clamp(132px, 11vw, 172px);
}
body.osmanli-yemekleri .ottoman-intro,
body.ottoman-dining .ottoman-intro {
margin-bottom: clamp(44px, 5vw, 72px);
}
body.osmanli-yemekleri .ottoman-main-course-layout,
body.ottoman-dining .ottoman-main-course-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
gap: clamp(26px, 4vw, 54px);
align-items: start;
margin: clamp(36px, 5vw, 64px) 0 clamp(34px, 5vw, 58px);
}
body.osmanli-yemekleri .ottoman-main-course-layout h3,
body.ottoman-dining .ottoman-main-course-layout h3 {
margin-top: 0;
}
.ottoman-main-course-figure {
margin: 0;
}
.ottoman-main-course-figure img {
display: block;
width: 100%;
max-height: 480px;
aspect-ratio: 3 / 4;
object-fit: cover;
object-position: center 42%;
border: 10px solid rgba(255, 253, 247, .78);
border-radius: 8px;
box-shadow: 0 22px 52px rgba(45, 51, 36, .16);
}
@media screen and (max-width: 860px) {
body.osmanli-yemekleri .ottoman-main-course-layout,
body.ottoman-dining .ottoman-main-course-layout {
grid-template-columns: 1fr;
}
.ottoman-main-course-figure {
max-width: 420px;
margin: 0 auto;
width: 100%;
}
}
@media screen and (max-width: 760px) {
body.osmanli-yemekleri #page,
body.ottoman-dining #page {
padding-top: 96px;
}
}
/* End hotel/Ottoman correction 2026-06-06k */
/* Reservation button global match 2026-06-06m */
header#header #call {
margin-top: 20px;
border-radius: 0;
background: var(--es-green);
}
body.fixed header#header #call {
margin-top: 10px;
border-radius: 0;
background: var(--es-green);
}
header#header #call a {
color: var(--es-milk);
}
header#header #call:hover {
background: var(--es-green);
opacity: 1;
}
/* End reservation button global match 2026-06-06m */
/* Nişanyan mobile + button legibility polish 2026-06-07a (Claude) */
/* Ghost buttons sat as dark-green ink on dark hero photos = nearly invisible.
Give them light ink and a faint frosted backdrop so they read on any image. */
body.home .estate-arrival .estate-button-ghost,
body.home .estate-rooms .estate-button-ghost {
border-color: rgba(248, 244, 234, .82);
color: var(--es-milk);
background: rgba(16, 24, 18, .22);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
body.home .estate-arrival .estate-button-ghost:hover,
body.home .estate-rooms .estate-button-ghost:hover {
border-color: var(--es-clay);
background: var(--es-clay);
color: var(--es-milk);
}
/* Primary buttons on dark photo panels: lift them off the image. */
body.home .estate-rooms .estate-button-primary {
box-shadow: 0 0 0 1px rgba(248, 244, 234, .32), 0 16px 34px rgba(0, 0, 0, .34);
}
/* Refine the mobile bottom bar: drop the checkerboard stripes, add a frosted
translucent finish, a hairline top edge and a soft lift — less "app", more hotel. */
body.home footer#mobileFooter {
height: 56px;
background: rgba(26, 40, 31, .92);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
border-top: 1px solid rgba(248, 244, 234, .16);
box-shadow: 0 -10px 26px rgba(16, 24, 18, .2);
}
body.home footer#mobileFooter ul li { padding: 9px 0; }
body.home footer#mobileFooter ul li:nth-child(2n) { background: transparent; }
body.home footer#mobileFooter ul li a img { height: 19px; opacity: .92; }
body.home footer#mobileFooter ul li a span {
margin-top: 3px;
font-size: 10px;
letter-spacing: .06em;
font-weight: 600;
color: rgba(248, 244, 234, .9);
}
/* Floating WhatsApp / action buttons must clear the fixed bottom bar on phones. */
@media screen and (max-width: 992px) {
.br-btns { right: 14px; bottom: 70px; gap: 10px; }
}
/* End Nişanyan mobile + button legibility polish 2026-06-07a */
/* Nişanyan menu casing + mobile caption 2026-06-07b (Claude) */
/* Mobile menu labels were inconsistently cased in the source
("Ana Sayfa" vs "yemek atölyesi" vs "Osmanlı yemeği"). Normalize to clean
Title Case via CSS so every language is corrected at once. */
nav#mobileMenu li a { text-transform: capitalize; }
body.home nav#mobileMenu li a { text-transform: capitalize; }
/* The "taş evler, bahçeler..." arrival caption is a nice subtle touch on desktop
but too heavy on a phone (and it ran under the WhatsApp button) — hide on mobile. */
@media screen and (max-width: 992px) {
body.home .estate-arrival-note { display: none; }
}
/* End Nişanyan menu casing + mobile caption 2026-06-07b */
/* Contact page text styling 2026-06-07c (Claude) */
body.contact #page .container-kp {
max-width: 620px;
margin: 0 auto;
padding: 60px 24px 80px;
font-family: "Manrope", "Noto Sans", Arial, sans-serif;
}
body.contact #page .container-kp p {
font-size: clamp(16px, 1.35vw, 20px);
line-height: 1.72;
color: var(--es-ink);
margin-bottom: 1.2em;
}
body.contact #page .container-kp p em {
font-size: 0.83em;
color: var(--es-ink-soft);
font-style: italic;
}
body.contact #page .container-kp strong {
font-size: 0.68em;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--es-clay);
font-family: "Manrope", sans-serif;
}
body.contact #page .container-kp h2 {
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(34px, 3.5vw, 50px);
font-weight: 700;
color: var(--es-green);
margin: 1.6em 0 0.4em;
}
body.contact #page .container-kp a { color: var(--es-clay); }
/* End contact page text styling 2026-06-07c */
/* Restaurant scroll snap 2026-06-08a — matches homepage snap behavior */
@media (min-width: 900px) {
html:has(.estate-restaurant-page) { scroll-snap-type: y mandatory; }
/* Override overflow:hidden so is NOT a scroll container that
steals snap targets. body.page sets this for EN, but TR/RU/HY use
body.list — so scope it to the page class, language-agnostic. */
.estate-restaurant-page { overflow: visible; }
.estate-restaurant-page .estate-sub-hero {
scroll-snap-align: start;
scroll-snap-stop: always;
}
.estate-restaurant-page .estate-restaurant-story {
scroll-snap-align: start;
scroll-snap-stop: always;
min-height: 100vh;
align-items: center;
}
.estate-restaurant-page .estate-restaurant-notes {
scroll-snap-align: start;
scroll-snap-stop: always;
min-height: 100vh;
align-content: center;
}
}
/* End restaurant scroll snap 2026-06-08a */