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

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

html, body { overflow-x: hidden; }
.hh-swiper .swiper-scrollbar{ display:none; }

/* Header wrapper */
.hh-header{
  position: fixed !important;
  z-index: 999;
  background: white;

  /* screenshot yüksekliği gibi */
  height: 93px;
  transition: box-shadow .28s ease, transform .28s ease, opacity .28s ease;
  will-change: transform, opacity;
  width: 100%;
}

/* İç container: ekrandan kenar boşluğu screenshot gibi */
.hh-header__inner{
  max-width: 1320px;
  height: 100%;
  margin: 0 auto;
  padding: 0 40px;

  display: flex;
  align-items: center;
}

/* 1fr / logo / 1fr => logo tam ortada */
.hh-header__grid{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

/* Menü */
.hh-menu{
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 44px);
  white-space: nowrap;
}

.hh-menu--left{ justify-content: flex-start; }
.hh-menu--right{ justify-content: flex-end; }

.hh-menu a{
  font-family: "Cormorant", serif;
  font-size: 16px;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
  padding: 10px 2px;
  transition: opacity .18s ease;
  font-weight: 600;
}
.hh-menu a:hover{ opacity: .65; }

/* Orta logo alanı */
.hh-brand{
  display: flex;
  align-items: center;
  justify-content: center;

  /* logo ile menüler arası boşluk (screenshot gibi) */
  padding: 0 56px;
}
.hh-brand__img{
  display: block;
  height: 52px;     /* kendi logona göre oynarsın */
  width: auto;
}

/* Sticky state (scroll aşağı) */
.hh-header.is-sticky{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;

  /* ilk anda yukarıda + şeffaf (sonra show ile iner) */
  transform: translateY(-12px);
  opacity: 0;
  /* box-shadow: 0 12px 28px rgba(0,0,0,.10); */
}

/* bir sonraki frame'de show -> yumuşak iniş */
.hh-header.is-sticky.is-sticky--show{
  transform: translateY(0);
  opacity: 1;
}

/* RTL gelirse (dir="rtl") otomatik tersle */
:dir(rtl) .hh-menu--left{ justify-content: flex-end; }
:dir(rtl) .hh-menu--right{ justify-content: flex-start; }

/* Motion azaltmayı isteyenlere saygı */
@media (prefers-reduced-motion: reduce){
  .hh-header, .hh-menu a{ transition: none !important; }
}

.oturumacik {
  right: 0;
  text-align: center;
  background: #141414;
  color: white;
  position: fixed;
  bottom: 0%;
  left: 50%;
  z-index: 9999999;
  max-width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
  font-family: system-ui !important;
  transform: translate(-50%, 0%);
  transition: width 0.4s ease, max-height 0.4s ease;
  max-height: 40px; /* Başlangıç yüksekliği */
  overflow: hidden; /* Taşmaları gizlemek için */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.oturumacik:hover {
  max-width: 100%;
  max-height: 500px; /* Hover durumunda geniş yüksekliğe geçiş */
  background: #141414;
}

.oturumacik p{
  color: white;
}

.butontg{
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1000;
  background: #141414;
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px
}

/* Gallery */
.hh-gallery{
  background:#fff;
}

.hh-gallery__wrap{
  position: relative;
  padding: 0px 0 55px;
}

/* Sabit height (istediğin gibi) */
.hh-gallery{
  --gH: 83vh;        /* desktop sabit yükseklik */
  --gap: 26px;
}

/* Swiper */
.hh-swiper{
  width: 100%;
  height: var(--gH);
  overflow: visible;               /* yanlarda biraz “taşsın” diye */
  padding: 0 56px;                 /* kenar boşluğu */
  margin-top: 92px;
}

.hh-swiper .swiper-wrapper{
  align-items: stretch;
}

.hh-swiper .swiper-slide{
  width: auto;                     /* kritik: width otomatik */
  height: 100%;
}

/* Görsel kartı */
.hh-shot{
  display:block;
  height: 100%;
  background:#f3f3f3;
  overflow:hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

/* Sabit height, width oranla otomatik */
.hh-shot img{
  display:block;
  height: 100%;
  width: auto;                     /* kritik */
  max-width: 1100px;               /* aşırı genişleri kontrol */
  min-width: 280px;                /* aşırı darları kontrol */
  object-fit: cover;               /* kadrajı güzel tutar */
}

/* Scrollbar */
.hh-swiper .swiper-scrollbar{
  left: 56px !important;
  right: 56px !important;
  bottom: -26px !important;
}

/* BOOKING overlay */
.hh-booking{
  position:absolute;
  left:50%;
  bottom: 78px;                    /* ortadaki görselin altına yakın */
  transform: translateX(-50%);
  background:#000;
  color:#fff;
  text-decoration:none;
  font-family: Arial, sans-serif;
  letter-spacing:.06em;
  text-transform: uppercase;
  font-size: 14px;
  padding: 16px 44px;
  box-shadow: 0 14px 30px rgba(0,0,0,.25);
  transition: transform .18s ease, opacity .18s ease;
  z-index: 5;
}
.hh-booking:hover{
  transform: translateX(-50%) translateY(-2px);
  opacity:.9;
}

/* Responsive (mobilde yine sabit ama daha küçük) */
@media (max-width: 992px){
  .hh-gallery{ --gH: 420px; }
  .hh-swiper{ padding: 0 18px; }
  .hh-swiper .swiper-scrollbar{
    left: 18px !important;
    right: 18px !important;
  }
  .hh-booking{ bottom: 62px; }
}

@media (max-width: 576px){
  .hh-gallery{--gH: 85vh;}
  .hh-shot img{ min-width: 220px; }
}

.butondark{
    background: black;
    color: white;
    outline: none;
    border: none;
    padding: 12px 35px;
    text-transform: uppercase;
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    text-align: center;
    width: max-content;
    display: flex;
    margin: 0 auto;
    bottom: 90px;
    text-decoration: none;
    font-size: 18px;
    font-family: Arial, sans-serif;
}

/* ===== POPULAR WORKS ===== */
.hh-popular{
  background:#fff;
  padding: 50px 0 80px;
}

.hh-popular__head{
  text-align:center;
  padding: 0 20px 60px;
}

.hh-popular__kicker{
  font-family: Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: black;
  margin-bottom: 26px;
}

.hh-popular__title{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(44px, 5.2vw, 76px);
  color: black;
  margin: 0 0 22px;
  padding-top: 60px;
}

.hh-popular__sub{
  font-family: "Cormorant", serif;
  font-size: 19px;
  color: black;
  font-weight: 600;
}

.hh-popular__gridWrap{
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 80px);
}

.hh-masonry{
  position: relative;
  margin: 0 auto;
}

.hh-grid-sizer,
.hh-item{
  width: 15.5%;
}

.hh-gutter-sizer{
  width: 16px;             /* aralıklar */
}

/* Item */
.hh-item{
  display:block;
  width: 16%;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
  background: #f3f3f3;
  box-shadow: none;
  border-radius: 0;
  text-decoration: none;

  /* JS her item'e --ar basacak. Default */
  --ar: 120%;
}

/* Aspect ratio kutusu */
.hh-item::before{
  content:"";
  display:block;
  padding-top: var(--ar);
}

/* Görseli kutuya doldur */
.hh-item img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1);
  transition: transform .28s ease, filter .28s ease;
}

.hh-item:hover img{
  transform: scale(1.03);
  filter: saturate(1.02);
}

@media (max-width: 1100px){
  .hh-grid-sizer, .hh-item{ width: 16.666%; }
}
@media (max-width: 768px){
  .hh-grid-sizer, .hh-item{ width: 33.333%; }
}
@media (max-width: 480px){
  .hh-grid-sizer, .hh-item{width: 47%;}
}

.is-sticky{
    height: 90px;
    background: white;
}

/* ===== ABOUT MYSELF ===== */
.hh-about{
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(360deg, #f8f8f2 80vh, white); /* ekrandaki kırık beyaz */
  padding: 30px 0 95px;
}

/* Arka plandaki büyük watermark/şekil (istersen png/svg koy) */
.hh-about::before{
  content:"";
  position:absolute;
  inset: -10%;
  background: url("/assets/img/about-mark.png") center/contain no-repeat; /* yoksa sorun değil */
  opacity: .08;
  pointer-events:none;
  transform: rotate(-2deg);
  filter: saturate(0.9);
}

/* Alttaki hafif kıvrım hissi (görsel yoksa bile güzel durur) */
.hh-about::after{
  content:"";
  position:absolute;
  left:-25%;
  right:-25%;
  bottom:-40%;
  height: 80%;
  background: radial-gradient(closest-side, rgba(120,80,80,.08), rgba(120,80,80,0) 70%);
  pointer-events:none;
}

/* İç alan */
.hh-about__inner{
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
  margin-top: 100px;
}

/* Başlık */
.hh-about__title{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(44px, 5.4vw, 70px);
  color: black;
  margin: 0 0 22px;
}

/* Üst açıklama */
.hh-about__intro{
  font-family: "Cormorant", serif;
  font-size: 20px;
  line-height: 1.25;
  color: black;
  margin: 0 0 28px;
  font-weight: 600;
  margin-top: 50px;
}

/* Fotoğraf kutusu */
.hh-about__photo{
  width: min(560px, 92vw);
  margin: 0 auto 38px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.hh-about__photo img{
  display:block;
  width:100%;
  height:auto;
}

/* Alt metin + liste */
.hh-about__matchTitle{
  font-family: "Cormorant", serif;
  font-size: 18px;
  color: black;
  margin-bottom: 0px;
  font-weight: 600;
}

.hh-about__list{
  list-style: none;
  padding: 0;
  margin: 0 0 34px;
  font-family: "Cormorant", serif;
  font-size: 18px;
  color: black;
  line-height: -8.1;
  font-weight: 600;
}

.hh-about__list li{
  display: block;
}

.hh-about__list li::before{
  content: "– ";
}

/* Buton */
.hh-about__btn{
  display: inline-block;
  background: #6f2b34; /* screenshot’a yakın bordo */
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 28px;
  box-shadow: 0 18px 30px rgba(0,0,0,.18);
  transition: transform .18s ease, opacity .18s ease;
}

.hh-about__btn:hover{
  transform: translateY(-2px);
  opacity: .95;
}

/* Mobil */
@media (max-width: 768px){
  .hh-about{padding: 0px 0 75px;}
  .hh-about__photo{ margin-bottom: 30px; }
}

/* ===== TESTIMONIALS ===== */
.hh-testimonials{
  background:#fff;
  padding: 70px 0 35px;
}

.hh-testimonials__inner{
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 40px;
}

.hh-testimonials__kicker{
  text-align:center;
  font-family: Arial, sans-serif;
  font-size: 18px;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: black;
  margin: 0 0 55px;
  font-weight: 500;
  FONT-WEIGHT: 600;
}

/* 3’lü dizilim */
.hh-testimonials__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 70px;
  align-items: start;
  justify-items: center;
}

/* Kart */
.hh-tcard{
  width: 100%;
  max-width: 360px;
  text-align: center;
  position: relative;
}

/* Üst foto (kutu dışında gibi) */
.hh-tcard__img{
  width: 250px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  background:#e9e9e9;
}

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

/* Alttaki krem kart */
.hh-tcard__box{
  margin: -18px auto 0; /* foto biraz üstte dursun */
  background: #f8f8f2;
  padding: 38px 34px 32px;
  min-height: 285px;
}

/* isim + meta */
.hh-tcard__name{
  font-family: Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color:#111;
  margin-bottom: 4px;
  font-weight: 600;
}

.hh-tcard__meta{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  margin-bottom: 18px;
}

/* yorum */
.hh-tcard__text{
  font-family: "Cormorant", serif;
  font-size: 19px;
  line-height: 1.35;
  color: black;
  margin: 0 auto 22px;
  max-width: 280px;
  font-weight: 600;
}

/* buton */
.hh-tcard__btn{
  display: inline-block;
  border: 0;
  background: #6f2b34;
  color:#fff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 10px 26px;
  cursor: pointer;
  transition: transform .18s ease, opacity .18s ease;
  text-decoration: none;
}

.hh-tcard__btn:hover{
  transform: translateY(-1px);
  opacity: .95;
}

/* Responsive */
@media (max-width: 1100px){
  .hh-testimonials__grid{ gap: 40px; }
  .hh-tcard{ max-width: 340px; }
}

@media (max-width: 900px){
  .hh-testimonials__grid{
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .hh-tcard{ max-width: 420px; }
  .hh-testimonials__inner{ padding: 0 18px; }
}

/* ===== MODAL (tema uyum) ===== */
.hh-modal{
  border-radius: 0;
  border: 0;
}

.hh-modal__head{
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.hh-modal__title{
  font-family: "Cormorant", serif;
  font-size: 22px;
  color:#111;
  margin: 0;
}

.hh-modal__body{
  background:#fff;
}

.hh-modal__text{
  font-family: "Cormorant", serif;
  font-size: 18px;
  line-height: 1.5;
  color:#111;
  margin: 0;
  white-space: pre-line; /* data-text içinde satır kırılmalarını koru */
}

.hh-modal__foot{
  border-top: 0;
  background:#fff;
}

.hh-modal__close{
  border: 0;
  background: #6f2b34;
  color:#fff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 10px 18px;
}

/* ===== TALEP FORMU ===== */
.hh-request{
  position: relative;
  overflow: hidden;
  padding: 80px 0 90px;
  background: white; /* fallback */
  width: 94%;
  margin: 0 auto;
}

/* Blur arkaplan katmanı */
.hh-request::before{
  content:"";
  position:absolute;
  inset:-30px;
  background: var(--bg) center/cover no-repeat;
  filter: blur(10px);
  transform: scale(1.06);
  z-index:0;
}

/* Karartma + kontrast */
.hh-request::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35);
  z-index:0;
}

.hh-request__inner{
  position: relative;
  z-index: 1;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}

.hh-request__title{
  text-align:center;
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(44px, 5.2vw, 65px);
  color:#fff;
  margin: 0 0 52px;
  letter-spacing: .02em;
}

/* Form alanı */
.hh-request__form{
  max-width: 980px;
  margin: 0 auto;
}

/* 2 kolon grid */
.hh-request__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 56px;     /* ekran görüntüsündeki boşluk */
  row-gap: 24px;
  align-items: end;
}

/* Field */
.hh-field{
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.65);
}

.hh-field label{
  display:block;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(255,255,255,.95);
  margin-bottom: 10px;
  font-weight: 600;
}

.hh-field input{
  width: 100%;
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 6px 0 2px;
}

/* Chrome autofill beyazlığı öldür */
.hh-field input:-webkit-autofill{
  -webkit-text-fill-color: #fff;
  transition: background-color 9999s ease-in-out 0s;
}

/* Date ikon */
.hh-field--icon input{ padding-right: 34px; }
.hh-field__icon{
  position:absolute;
  right: 0;
  bottom: 10px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  opacity: .9;
  pointer-events:none;
}

/* Checkbox satırı */
.hh-consent{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  margin-top: 18px;
  color: rgba(255,255,255,.92);
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.25;
  max-width: 620px;     /* screenshot gibi solda kalır */
}

.hh-consent input{
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: #912e3f;
}

/* Button */
.hh-request__btn{
  display: block;
  margin: 34px auto 0;
  background: #fff;
  color: #912e3f;
  border: 1px solid rgba(255,255,255,.75);
  padding: 12px 26px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
  transition: transform .18s ease, opacity .18s ease;
}

.hh-request__btn:hover{
  transform: translateY(-1px);
  opacity: .96;
}

/* Responsive */
@media (max-width: 900px){
  .hh-request__inner{ padding: 0 18px; }
  .hh-request__grid{
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 22px;
  }
  .hh-consent{ max-width: 100%; }
}

.hh-field input::placeholder {
    color: #fff;
}

/* ===== FOOTER ===== */
.hh-footer{
  background:#fff;
  padding: 44px 0 22px;
}

.hh-footer__inner{
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* logo */
.hh-footer__brand{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
}

.hh-footer__logo{
  display:block;
  width: min(210px, 60vw); /* screenshot ölçeği */
  height:auto;
  margin: 0 auto 24px;
}

/* açıklama */
.hh-footer__desc{
  margin: 0 auto 16px;
  max-width: 700px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: black;
  font-weight: 500;
}

.hh-footer__desc strong{
  font-weight: 700;
}

/* sosyal linkler */
.hh-footer__social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 10px;
  margin: 0 auto 0px;
  font-family: Arial, sans-serif;
  font-size: 11.5px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color:#111;
}

.hh-footer__social a{
  color: black;
  text-decoration:none;
  padding: 6px 0;
  transition: opacity .18s ease;
  font-weight: 600;
}

.hh-footer__social a:hover{ opacity:.65; }

.hh-footer__social span{
  opacity:.9;
  font-weight: 500;
}

/* copyright satırı */
.hh-footer__copy{
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: white;
  opacity: .9;
}

.hh-footer__copy a{
  color: white;
  text-decoration:none;
  font-weight: 700;
}

.hh-footer__copy a:hover{ opacity:.75; }

/* responsive */
@media (max-width: 560px){
  .hh-footer{ padding: 36px 0 16px; }
  .hh-footer__desc{ font-size: 12px; }
  .hh-footer__social{ gap: 8px; flex-wrap: wrap; }
  .hh-footer__copy{font-size: 13px;}
}

.hh-footer__copy{
    background: black;
    width: 100%;
    padding: 10px 40px;
    text-align: center;
}

/* ===== PORTFOLYO (BOŞLUKSUZ GRID) ===== */
.hh-portfolio{
  background:#fff;
}

/* SIFIR BOŞLUK: full width + gap 0 */
.hh-portfolio__grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

/* SABİT YÜKSEKLİK (ISTEDİĞİN GİBİ DEĞİŞTİR) */
.hh-pitem{
  position: relative;
  width: 100%;
  height: 720px;          /* <- SABİT HEIGHT */
  overflow: hidden;
  background:#e9e9e9;
}

/* Görsel full doldur */
.hh-pitem img{
  width: 100%;
  height: 100%;
  display:block;
  object-fit: cover;
  transform: scale(1);
  transition: transform .45s ease;
}

/* Hover zoom (çok hafif) */
.hh-pitem:hover img{
  transform: scale(1.02);
}

/* Overlay (butonlar çıkacak) */
.hh-pitem__overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom: 46px;   /* butonların konumu */
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* çok hafif karartma (istersen kapat) */
.hh-pitem__overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.10), rgba(0,0,0,0) 55%);
  opacity: 0;
  transition: opacity .25s ease;
}

.hh-pitem:hover .hh-pitem__overlay{
  opacity: 1;
}
.hh-pitem:hover .hh-pitem__overlay::before{
  opacity: 1;
}

/* Butonlar */
.hh-pitem__actions{
  position: relative;
  display:flex;
  gap: 16px;
  transform: translateY(12px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
  pointer-events: auto; /* butonlar tıklanabilir */
}

.hh-pitem:hover .hh-pitem__actions{
  transform: translateY(0);
  opacity: 1;
}

.hh-pbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 120px;
  height: 34px;
  background:#000;
  color:#fff;
  text-decoration:none;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.18);
  transition: opacity .2s ease, transform .2s ease;
  user-select:none;
}

.hh-pbtn:hover{
  opacity: .9;
  transform: translateY(-1px);
}

/* Responsive: yine boşluksuz */
@media (max-width: 992px){
  .hh-portfolio__grid{ grid-template-columns: repeat(2, 1fr); }
  .hh-pitem{ height: 360px; }
}
@media (max-width: 576px){
  .hh-portfolio__grid{grid-template-columns: 1fr 1fr;}
  .hh-pitem{ height: 320px; }
}

/* ===== FOTOĞRAF DETAY ===== */
.hh-fotoHero{background:#fff;margin-top: 120px;}
.hh-fotoHero__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}
.hh-fotoHero__left{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: 70px clamp(18px, 5vw, 90px);
  text-align: center;
}
.hh-fotoHero__kicker{
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: black;
  margin-bottom: 22px;
}
.hh-fotoHero__title{
  font-family: "Cormorant", serif;
  font-weight: 600;
  font-size: clamp(44px, 5.2vw, 64px);
  color: black;
  margin: 30px 0 30px;
  line-height: 1.02;
}
.hh-fotoHero__sub{
  font-family: "Cormorant", serif;
  font-size: 22px;
  color: black;
  margin: 0;
  max-width: 100%;
  font-weight: 600;
  line-height: 1.25;
}
.hh-fotoHero__right{
  position:relative;
  overflow:hidden;
}
.hh-fotoHero__right img{
  width:100%;
  height: 610px;
  object-fit: cover;
  display:block;
}

/* Galeri: sıfıra sıfır, boşluksuz */
.hh-fotoGallery{background:#fff;margin-top: 90px;}
.hh-fotoSwiper{ width:100%; }
.hh-fotoSwiper .swiper-wrapper{ align-items: stretch; }
.hh-fotoSwiper .swiper-slide{
  height: clamp(320px, 38vw, 520px);
}
.hh-fotoSlide{
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
.hh-fotoSlide img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  padding-right: 15px;
  padding-left: 15px;
}

/* Alt CTA: 2 görsel + metin */
.hh-fotoCta{background:#fff;margin-top: 120px;}
.hh-fotoCta__grid{
  display:grid;
  grid-template-columns: max-content;
}
.hh-fotoCta__img{
  height: clamp(320px, 38vw, 520px);
  overflow:hidden;
}
.hh-fotoCta__img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  padding-left: 15px;
  margin-right: 15px;
}

.hh-fotoCta__text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding: 30px 24px;
}
.hh-fotoCta__kicker{
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: .32em;
  text-transform: uppercase;
  color:#111;
  margin-bottom: 18px;
}
.hh-fotoCta__title{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(34px, 4vw, 62px);
  color:#111;
  margin: 0 0 18px;
  line-height: 1.05;
  margin-top: 40px;
}
.hh-fotoCta__sub{
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight: 600;
  color: black;
  max-width: 340px;
  margin: 0 0 26px;
  line-height: 1.25;
}
.hh-fotoCta__btn{
  display:inline-block;
  background:#6f2b34;
  color:#fff;
  text-decoration:none;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing:.06em;
  text-transform: uppercase;
  padding: 12px 34px;
  box-shadow: 0 18px 30px rgba(0,0,0,.18);
}

@media (max-width: 992px){
  .hh-fotoHero__grid{ grid-template-columns: 1fr; }
  .hh-fotoHero__right{ min-height: 420px; }
  .hh-fotoCta__grid{ grid-template-columns: 1fr; }
}

/* ===== LOVE LETTERS (birebir sağlı-sollu) ===== */
.hh-letters{
  background:#fff;
  padding: 80px 0 95px;
}

.hh-letters__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 110px;
}

/* 2 satır – satır aralığı screenshot gibi */
.hh-letters__row{
  display: grid;
  grid-template-columns: 350px 560px; /* yazı kutusu / foto */
  gap: 25px;
  align-items: center;
  justify-content: center;
}

.hh-letters__row + .hh-letters__row{
  margin-top: 85px;
}

/* ikinci satır: foto solda / yazı sağda */
.hh-letters__row--alt{
  grid-template-columns: 560px 360px;
}

/* yazı kutusu */
.hh-letter{
  background: #f9f8f2;
  padding: 48px 44px;
  display: flex;
  align-items: center;
  min-height: 220px;
  /* sakın ha transform verme -> ters yazı buradan çıkıyor */
  transform: none !important;
}

.hh-letter__text{
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #111;
  max-width: 270px;
  /* global rtl falan olursa diye (en/tr zaten ltr ama garanti) */
  direction: ltr;
  unicode-bidi: plaintext;
}

/* sağdaki kutu: sadece hizalamayı sağa al */
.hh-letter--right{
  justify-content: flex-end;
  text-align: right;
}

.hh-letter--right .hh-letter__text{
  margin-left: auto;
}

/* foto kutusu */
.hh-photo{
  width: 560px;
  height: 375px;              /* sabit ölçü */
  display: block;
  overflow: hidden;
  background: #000;
  position: relative;
  top: 10px;
}

.hh-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;          /* aynen cover */
  display: block;
  margin-top: 0px;
  position: relative;
}

/* responsive: tek kolon alt alta */
@media (max-width: 992px){
  .hh-letters__inner{ padding: 0 18px; }

  .hh-letters__row,
  .hh-letters__row--alt{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .hh-photo{
    width: 100%;
    height: 240px;
  }

  .hh-letter__text{
    max-width: 100%;
  }

  .hh-letter--right{
    text-align: left;
    justify-content: flex-start;
  }
}

/* ===== BREADCRUMB / HERO TITLE ===== */
.hh-bc{
  background: linear-gradient(181deg, #fefefe, #f9f8f3);          /* screenshot kırık beyaz */
  padding: 130px 0 80px;
}

.hh-bc__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}

.hh-bc__title{
  margin: 0 0 26px;
  font-family: "Cormorant", serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: black;
  font-size: clamp(44px, 5.5vw, 58px);
  line-height: 1.05;
}

.hh-bc__sub{
  margin: 0;
  font-family: "Cormorant", serif;
  font-size: 16px;
  color: black;
  line-height: 1.35;
  font-weight: 600;
}

/* Mobil sıkıştırma */
@media (max-width: 768px){
  .hh-bc{ padding: 70px 0 60px; }
  .hh-bc__inner{ padding: 0 18px; }
}


/* ===== VIDEO HERO / BREADCRUMB ===== */
.hh-vhero{
  background: linear-gradient(359deg, #f8f8f2, #fefefe);
  padding: 140px 0 60px;
  text-align: center;
}
.hh-vhero__inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 18px;
}
.hh-vhero__title{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(40px, 5.4vw, 60px);
  line-height: 1.05;
  margin: 0 0 18px;
  color: black;
  text-transform: uppercase;
}
.hh-vhero__sub{
  font-family: "Cormorant", serif;
  font-size: 19px;
  line-height: 1.4;
  margin: 0;
  color: black;
  font-weight: 600;
}

/* ===== VIDEO LIST (ALTERNATING) ===== */
.hh-vlist{
  background:#fff;
  padding: 80px 0 10px;
}
.hh-vlist__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
}

.hh-vrow{
  display:grid;
  grid-template-columns: 480px 500px;
  gap: 40px;
  align-items: center;
  margin-bottom: 50px;
}
.hh-vrow.is-rev .hh-vtext{ order: 2; }
.hh-vrow.is-rev .hh-vcover{ order: 1; }

.hh-vtext__box{
  background:#f8f8f2;
  padding: 44px 46px;
  min-height: 260px;
  display:flex;
  align-items:center;
}
.hh-vtext__p{
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color:#111;
}

/* Cover */
.hh-vcover{
  position: relative;
  width: 100%;
  height: 320px; /* sabit */
  background:#e9e9e9;
  overflow:hidden;
}
.hh-vcover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* Play */
.hh-vplay{
  position:absolute;
  inset:0;
  z-index:3;
  border:0;
  background: transparent;
  cursor:pointer;
}
.hh-vplay::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.10);
  opacity: 0;
  transition: opacity .22s ease;
}
.hh-vplay__icon{
  position:absolute;
  left:50%;
  top:50%;
  width: 74px;
  height: 74px;
  transform: translate(-50%, -50%) scale(.96);
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.95);
  background: rgba(0,0,0,.35);
  box-shadow: 0 18px 35px rgba(0,0,0,.22);
  transition: transform .22s ease, opacity .22s ease;
}
.hh-vplay__icon::after{
  content:"";
  position:absolute;
  left: 52%;
  top: 50%;
  transform: translate(-40%, -50%);
  width: 0;
  height: 0;
  border-left: 16px solid rgba(255,255,255,.95);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.hh-vcover:hover .hh-vplay::before{ opacity: 1; }
.hh-vcover:hover .hh-vplay__icon{ transform: translate(-50%, -50%) scale(1); }

/* Modal */
.hh-vmodal{ border:0; border-radius:0; }
.hh-vmodal__dialog{ max-width: 980px; }
.hh-vmodal__body{
  position: relative;
  padding: 16px;
  background:#000;
}
.hh-vmodal__ratio{ background:#000; }
.hh-vmodal__close{
  position:absolute;
  right: 16px;
  top: 16px;
  z-index: 5;
  border:0;
  background:#6f2b34;
  color:#fff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing:.06em;
  text-transform: uppercase;
  padding: 10px 14px;
}

/* Responsive */
@media (max-width: 992px){
  .hh-vrow{ gap: 40px; }
}
@media (max-width: 820px){
  .hh-vrow{
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 45px;
  }
  .hh-vrow.is-rev .hh-vtext,
  .hh-vrow.is-rev .hh-vcover{
    order: initial;
  }
  .hh-vcover{ height: 300px; }
  .hh-vlist__inner{ padding: 0 18px; }
}

/* ===== FOTO DETAY: DİKEY SCROLL YOK / AŞAĞI KAYDIRINCA SAĞA AKIŞ ===== */
:root{ --hhHeaderH: 90px; --hhFooterH: 0px; }

body.hh-hscroll-page{
  height: 100vh;
  overflow: hidden;   /* DİKEY SCROLL BİTİŞ */
}

/* header/footer sabit */
body.hh-hscroll-page .hh-header{
  position: fixed;
  top: 0; left: 0; right: 0;
}

body.hh-hscroll-page .hh-footer{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: 998;
}

/* içerik alanı: header + footer arası */
body.hh-hscroll-page .hh-hscroll{
  position: fixed;
  left: 0; right: 0;
  top: var(--hhHeaderH);
  bottom: var(--hhFooterH);
  overflow: hidden;
  background: #fff;
}

.hh-hscroll__track{
  height: 100%;
  display: flex;
  width: max-content;
  transform: translate3d(0,0,0);
  will-change: transform;
}

.hh-hpanel{
  flex: 0 0 auto;   /* yüzde yok */
  height: 100%;
}

/* mevcut hero/cta margin-topları bu modda sıfır */
body.hh-hscroll-page .hh-fotoHero,
body.hh-hscroll-page .hh-fotoCta{
  margin-top: 0 !important;
  height: 100%;
}

/* hero tam yükseklik */
body.hh-hscroll-page .hh-fotoHero__grid{
  min-height: 100%;
  height: 100%;
}
body.hh-hscroll-page .hh-fotoHero__right img{
  height: 100% !important;
}

/* CTA tam yükseklik */
body.hh-hscroll-page .hh-fotoCta__grid{
  height: 100%;
}
body.hh-hscroll-page .hh-fotoCta__img{
  height: 100% !important;
}
body.hh-hscroll-page .hh-fotoCta__img img{
  height: 100% !important;
}

/* Foto panelleri: full-screen image */
.hh-himg{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  overflow: hidden;
  text-decoration: none;
}
.hh-himg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* === ABOUT LIKE (SCREENSHOT) === */
.hh-aboutLike{
  background: linear-gradient(359deg, #f8f8f2, #fefefe);
  padding: 60px 0 40px;
}

.hh-aboutLike__inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
}

.hh-aboutLike__grid{
  display: grid;
  grid-template-columns: 0.95fr 1.25fr;
  gap: 110px;
  align-items: start;
}

/* LEFT */
.hh-aboutLike__card{
  width: 100%;
  height: 560px;
  background: #e6e6e1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hh-aboutLike__brand{
  text-align:center;
  font-family: "Cormorant", serif;
  font-size: 18px;
  text-transform: uppercase;
  color: black;
  line-height: 1.35;
  font-weight: 600;
}

/* RIGHT */
.hh-aboutLike__head{
  padding-top: 8px;
}

.hh-aboutLike__title{
  margin: 0;
  font-family: "Cormorant", serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: black;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.hh-aboutLike__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width: 88px;
  height: 2px;
  background:#7a2a33; /* screenshot kırmızı çizgi */
}

.hh-aboutLike__text{
  margin-top: 90px;
  max-width: 520px;
}

.hh-aboutLike__text p{
  margin: 0 0 26px;
  font-family: "Cormorant", serif;
  font-size: 17px;
  line-height: 20px;
  color: black;
  font-weight: 600;
}

/* bottom quote + sign */
.hh-aboutLike__bottom{
  margin-top: 90px;
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 30px;
  max-width: 560px;
}

.hh-aboutLike__mini{
  font-family: "Cormorant", serif;
  font-size: 17px;
  line-height: 1.5;
  color: black;
  max-width: 260px;
  font-weight: 600;
}

/* signature (text fallback) */
.hh-aboutLike__sign{
  font-family: "Brush Script MT", "Segoe Script", "Snell Roundhand", cursive;
  font-size: 58px;
  line-height: .85;
  color:#111;
  transform: rotate(-2deg);
  user-select:none;
}

.hh-aboutLike__sign img{
  display:block;
  width: 200px;
  height: auto;
  position: absolute;
  right: 0;
  top: -14vh;
}

/* destinations */
.hh-aboutLike__dest{
  text-align:center;
  margin-top: 80px;
}

.hh-aboutLike__destTitle{
  font-family: "Cormorant", serif;
  font-size: 18px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: black;
  margin-bottom: 18px;
  font-weight: 600;
}

.hh-aboutLike__destNav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 18px;
  flex-wrap: wrap;
}

.hh-aboutLike__destNav a{
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: black;
  text-decoration:none;
  font-weight: 600;
}

.hh-aboutLike__destNav span{
  opacity:.75;
  font-weight: 600;
}

/* responsive */
@media (max-width: 1000px){
  .hh-aboutLike__grid{ gap: 60px; }
  .hh-aboutLike__text{ margin-top: 50px; }
  .hh-aboutLike__bottom{ margin-top: 55px; }
}

@media (max-width: 820px){
  .hh-aboutLike__inner{ padding: 0 18px; }
  .hh-aboutLike__grid{
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .hh-aboutLike__card{ height: 420px; }
  .hh-aboutLike__text{ margin-top: 30px; max-width: 100%; }
  .hh-aboutLike__bottom{
    margin-top: 30px;
    max-width: 100%;
  }
  .hh-aboutLike__sign{ font-size: 48px; }
}

/* === UPCOMING WORKSHOPS (SCREENSHOT) === */
.hh-workshops{
  background: white;
  padding: 90px 0 100px;
}

.hh-workshops__inner{
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 40px;
}

.hh-workshops__title{
  margin: 0 0 48px;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 18px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color:#111;
  font-weight: 500;
}

.hh-workshops__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px;
  align-items: start;
}

/* Card */
.hh-wcard{
  text-align: center;
}

.hh-wcard__cover{
  height: 520px;
  background:#f3f2ea;               /* görsel alanı */
  display:flex;
  align-items:center;
  justify-content:center;
}

.hh-wcard__coverText{
  font-family: Arial, sans-serif;
  font-size: 18px;
  letter-spacing: .20em;
  text-transform: uppercase;
  color:#111;
  line-height: 1.5;
  font-weight: 500;
}

.hh-wcard__body{
  padding-top: 26px;
}

.hh-wcard__name{
  font-family: Arial, sans-serif;
  font-size: 17px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: black;
  font-weight: 500;
  margin-bottom: 10px;
}

.hh-wcard__desc{
  font-family: "Cormorant", serif;
  font-size: 17px;
  color: black;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 18px;
}

.hh-wcard__btn{
  display: inline-block;
  background: #8d2739; /* bordo */
  color: #fff;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 10px 18px;
}

/* responsive */
@media (max-width: 1100px){
  .hh-workshops__grid{ gap: 28px; }
  .hh-wcard__cover{ height: 460px; }
}

@media (max-width: 900px){
  .hh-workshops__inner{ padding: 0 18px; }
  .hh-workshops__grid{
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .hh-wcard__cover{ height: 420px; }
}

.hh-wcard__cover { overflow: hidden; }
.hh-wcard__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

  :root{
    --hhWine:#6f2b34;
    --hhBg:#f8f8f2;
  }

  .hh-faq{
    background: var(--hhBg);
    padding: 40px 0 55px;
  }
  .hh-faq__inner{
    max-width: 820px;
    margin: 0 auto;
    padding: 0 18px;
  }

  .hh-acc{
    margin: 0 0 14px;
  }

  /* Button base */
  .hh-acc__btn{
    width: 100%;
    display: block;
    padding: 16px 23px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background:#fff;
    color:#111;
    border: 2px solid rgba(111,43,52,.65);
    outline: none;
    font-weight: 600;
    text-align: left;
  }

  /* OPEN state header (burgundy bar) */
  .hh-acc.is-open{
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
    background:#fff;
  }
  .hh-acc.is-open .hh-acc__btn{
    background: var(--hhWine);
    color:#fff;
    border: 0;
    padding: 17px 28px;
    text-align: left;
    font-size: 15px;
  }

/* Panel animation (GERÇEK smooth: height ile) */
.hh-acc__panel{
  overflow: hidden;
  height: 0;                 /* max-height değil */
  opacity: 0;
  transform: translateY(-6px);
  transition:
    height .45s cubic-bezier(.22,.61,.2,1),
    opacity .28s ease,
    transform .28s ease;
  background:#fff;
  will-change: height, opacity, transform;
}

.hh-acc.is-open .hh-acc__panel{
  opacity: 1;
  transform: translateY(0);
}

/* Motion azaltmayı isteyenlere saygı */
@media (prefers-reduced-motion: reduce){
  .hh-acc__panel{ transition: none !important; }
}


  .hh-acc__panelInner{
    padding: 22px 28px 26px;
    font-family: "Cormorant", serif;
    font-size: 18px;
    line-height: 26px;
    color: black;
    text-align: left;
    font-weight: 600;
  }
  .hh-acc__panelInner p{ margin:0; }

  @media (max-width: 560px){
    .hh-acc__btn{ font-size: 12px; padding: 14px 14px; }
    .hh-acc.is-open .hh-acc__btn{ padding: 15px 14px; }
    .hh-acc__panelInner{ padding: 18px 18px 22px; font-size: 15px; }
  }


/* ===== EXPLORE ===== */
.hh-explore{ background:#fff; padding: 60px 0 90px; }
.hh-explore__inner{max-width: 1200px;margin: 0 auto;padding: 0 18px;text-align:center;}

.hh-explore__title{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(40px, 5.4vw, 60px);
  line-height: 1.05;
  margin: 0 0 18px;
  color: black;
  text-transform: uppercase;
}
.hh-explore__sub{
  margin: 0 0 48px;
  font-family: "Cormorant", serif;
  font-size: 19px;
  color: black;
  line-height: 1.35;
  font-weight: 600;
}

.hh-explore__list{ display:flex; flex-direction:column; gap: 28px; align-items:center; }

.hh-exploreCard{
  width: min(1080px, 92vw);
  display:flex;
  align-items:center;
  gap: 0px;
  padding: 20px 50px;
}

.hh-exploreCard.is-rev{ flex-direction: row-reverse; }

.hh-exploreCard__media{
  flex: 0 0 320px;
  height: 210px;
  overflow:hidden;
  background:#ddd;
}
.hh-exploreCard__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.hh-exploreCard__box{text-align:left;background: #f8f8f2;padding: 50px;}
.hh-exploreCard__head{
  font-family: "Cormorant", serif;
  font-size: 20px;
  margin: 0 0 10px;
  color: black;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.hh-exploreCard__text{
  margin:0;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: black;
  max-width: 560px;
}

.hh-explore__btn{
  display:inline-block;
  margin-top: 44px;
  background:#6f2b34;
  color:#fff;
  text-decoration:none;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing:.06em;
  text-transform: uppercase;
  padding: 12px 26px;
}

@media (max-width: 900px){
  .hh-exploreCard{
    flex-direction: column;
    text-align:left;
    gap: 20px;
    padding: 24px 18px;
  }
  .hh-exploreCard.is-rev{ flex-direction: column; }
  .hh-exploreCard__media{ width: 100%; flex: 0 0 auto; height: 220px; }
  .hh-exploreCard__box{ width: 100%; }
}

/* ===== CONTACT (cards + map) ===== */
.hh-contact{
  background: #fff;
  padding: 90px 0 40px;
}

.hh-contact__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  /* display: grid; */
  /* grid-template-columns: 0.95fr 1.4fr; */
  gap: 48px;
  align-items: stretch;
}

.hh-contact__left{
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 30px;
}

/* Cards */
.hh-contactCard{
  background: #f8f8f2; /* senin tema krem */
  border: 1px solid rgb(111 43 52 / 40%);
  padding: 18px 18px;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: start;
  margin-top: 30px;
}

.hh-contactCard__icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  color: #6f2b34; /* wine */
}

.hh-contactCard__label{
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: black;
  margin-bottom: 6px;
  font-weight: 700;
  font-family: "Cormorant", serif;
}

.hh-contactCard__value{
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: black;
  font-weight: 500;
  line-height: 1.25;
}

.hh-contactCard a.hh-contactCard__value{
  text-decoration: none;
  color: black;
}
.hh-contactCard a.hh-contactCard__value:hover{
  opacity: .75;
}

.hh-contactCard__link{
  display: inline-block;
  margin-top: 10px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6f2b34;
  text-decoration: none;
  font-weight: 700;
}
.hh-contactCard__link:hover{ opacity:.75; }

/* Map */
.hh-contactMap{
  width: 100%;
  height: 100%;
  min-height: 324px;
  background: #e9e9e9;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
}
.hh-contactMap iframe{
  width: 100%;
  height: 323px;
  display: block;
}

/* Responsive */
@media (max-width: 900px){
  .hh-contact__inner{
    padding: 0 18px;
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .hh-contactMap{ min-height: 360px; }
}

/* ===== PORTFOLYO PROMO (Fotograf / Video) ===== */
.hh-letters--portfolio{
  padding: 70px 0 95px;
  background:#fff;
}

.hh-letters--portfolio .hh-letters__inner{
  margin-top: 0;            /* portfolyo hero var, extra boşluğu öldür */
  max-width: 1200px;
}

.hh-letters--portfolio .hh-letters__row{
  grid-template-columns: 420px 680px; /* screenshot oranı */
  gap: 25px;
}

.hh-letters--portfolio .hh-letters__row--alt{
  grid-template-columns: 680px 420px; /* ters */
}

/* kart: içerik sol hizalı + title + btn */
.hh-letters--portfolio .hh-letter{
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
}

.hh-letters--portfolio .hh-letter__title{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: 62px;
  line-height: 1;
  margin: 0;
  color:#111;
}

.hh-letters--portfolio .hh-letter__text{
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color:#111;
  margin: 0;
  max-width: 300px;
  font-weight: 500;
}

.hh-letters--portfolio .hh-letter__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-width: 150px;
  padding: 0 22px;
  background: #6f2b34;
  color:#fff;
  text-decoration:none;
  font-family: Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
}

.hh-letters--portfolio .hh-letter__btn:hover{
  opacity: .92;
}

/* foto: grid'e uysun, sabit width verme */
.hh-letters--portfolio .hh-photo{
  width: 100%;
  height: 375px;
  top: 0;                 /* senin genel .hh-photo top:10px vardı, screenshot düz */
}

.hh-letters--portfolio .hh-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* responsive */
@media (max-width: 992px){
  .hh-letters--portfolio .hh-letters__row,
  .hh-letters--portfolio .hh-letters__row--alt{
    grid-template-columns: 1fr;
  }
  .hh-letters--portfolio .hh-photo{ height: 260px; }
  .hh-letters--portfolio .hh-letter__title{ font-size: 48px; }
  .hh-letters--portfolio .hh-letter__text{ max-width: 100%; }
}

/* Portfolyo hover butonlarını komple kapat */
.hh-pitem__overlay{ display:none !important; }

/* Sayfanın orta-aşağısında sabit CTA */
.hh-catCtaWrap{
  position: fixed;
  left: 50%;
  bottom: 0vh;                /* orta-aşağı */
  transform: translate(-50%, -50%);
  z-index: 999;
  pointer-events: none;     /* wrap tıklanmasın */
}

.hh-catCtaBtn{
  pointer-events: auto;     /* buton tıklansın */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 14px 26px;
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
  transition: transform .18s ease, opacity .18s ease;
  border-radius: 0px !important;
}

.hh-catCtaBtn:hover{
  transform: translateY(-1px);
  opacity: .92;
}

@media (max-width: 768px){
  .hh-catCtaWrap{top: 90vh;bottom: 1vh;top: inherit !important;}
  .hh-catCtaBtn{ padding: 13px 20px; font-size: 11px; }
}

/* ===== KATEGORİ HERO (swiper + overlay) ===== */
.hh-catHero{
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: #000;
}

/* Swiper full screen */
.hh-catSwiper{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hh-catSwiper .swiper-wrapper{
  align-items: stretch;
}

.hh-catSwiper .swiper-slide{
  width: 33.333vw;          /* 3 kolon görünüm (screenshot gibi) */
  height: 100%;
}

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

/* Tüm ekran tint/layer */
.hh-catHero::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgb(0 0 0 / 75%);
  pointer-events:none;
  z-index: 2;
  /* mix-blend-mode: hard-light; */
}

/* Overlay container */
.hh-catOverlay{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  z-index: 3;
  pointer-events:none; /* panel dışı tıklanmasın */
}

/* Orta panel (maroon layer) */
.hh-catOverlay__panel{
  width: min(520px, 86vw);
  padding: 70px 44px 62px;
  /* background: rgba(111,43,52,.55); */
  text-align: center;
  pointer-events:auto;
}

/* Liste */
.hh-catOverlay__list{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 34px;
}

.hh-catOverlay__list a{
  font-family: "Cormorant", serif;
  font-weight: 500;
  font-size: clamp(18px, 2.05vw, 34px);
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
  text-decoration: none;
  line-height: 1.05;
}

.hh-catOverlay__list a:hover{
  opacity: .85;
}

/* Booking button */
.hh-catOverlay__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 150px;
  height: 44px;
  background: #fff;
  color: #6f2b34;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.65);
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
}

.hh-catOverlay__btn:hover{
  opacity: .92;
}

/* Responsive */
@media (max-width: 900px){
  .hh-catSwiper .swiper-slide{ width: 80vw; } /* mobilde büyük kartlar */
  .hh-catOverlay__panel{ padding: 54px 26px 50px; }
}

/* ===== FOTO DETAY: IMG panelleri artık kart (gallery) ===== */
body.hh-hscroll-page{
  --hhCardW: clamp(240px, 30vw, 520px);
  --hhCardH: min(660px, calc(100% - 160px)); /* üst/alt boşluk */
  --hhCardGap: clamp(14px, 2vw, 26px);
  --hhEdge: clamp(18px, 4vw, 70px);
}

/* Track kenar boşlukları */
body.hh-hscroll-page .hh-hscroll__track{
  padding: 0 var(--hhEdge);
}

/* IMG panel: artık tam ekran değil, dar kart */
body.hh-hscroll-page .hh-hpanel--img{
  width: var(--hhCardW);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 var(--hhCardGap);
}

/* Kart */
body.hh-hscroll-page .hh-hpanel--img .hh-himg{
  width: 100%;
  height: var(--hhCardH);
  padding: 0;               /* eski padding’i iptal */
  overflow: hidden;
  background: #f3f3f3;
  text-decoration: none;
}

/* Görsel kartı doldursun */
body.hh-hscroll-page .hh-hpanel--img .hh-himg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Mobilde kartları biraz büyüt (yine birden fazla görünsün) */
@media (max-width: 768px){
  body.hh-hscroll-page{
    --hhCardW: clamp(220px, 78vw, 420px);
    --hhCardH: min(460px, calc(100% - 140px));
  }
}

.hh-hpanel--hero{
  margin-right: 70px;
}

/* Gallery */
.hh-gallery{
  background:#fff;
}

/* ✅ Sayfa kenar boşlukları: slider artık bu container içinde */
.hh-gallery__wrap{
  position: relative;
  max-width: 1820px;
  margin: 0 auto;
  padding: 0 40px 55px;   /* sağ-sol boşluk buradan */
}

/* ✅ Swiper artık container içinde tam oturur */
.hh-swiper{
  width: 100%;
  height: var(--gH);
  overflow: visible;      /* istersen hidden yap */
  padding: 0;             /* ❗ eski 0 56px’i kaldır */
  margin-top: 92px;
}

/* Eğer scrollbar kullanacaksan container içinde düzgün uzasın */
.hh-swiper .swiper-scrollbar{
  left: 0 !important;
  right: 0 !important;
  bottom: -26px !important;
}

/* Responsive */
@media (max-width: 992px){
  .hh-gallery__wrap{ padding: 0 18px 55px; }
}

.hh-swiper{ overflow: hidden; }

.hh-logoStrip{
  background: #fff;
  padding: 55px 0 0px;
}

.hh-logoStrip__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

.hh-logoSwiper{
  width: 100%;
}

.hh-logoSwiper .swiper-slide{
  height: 90px;                 /* şerit yüksekliği */
  display: flex;
  align-items: center;
  justify-content: center;
}

.hh-logoItem{
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

.hh-logoItem img{
  max-height: 90px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
  /* istersen hafif soft: opacity: .9; */
}

@media (max-width: 992px){
  .hh-logoStrip__inner{ padding: 0 18px; }
  .hh-logoSwiper .swiper-slide{ height: 78px; }
  .hh-logoItem img{max-height: 80px;}
}

/* ===== REF LETTER (BIREBIR) ===== */
.hh-refs{
  background:#fff;
  padding: 70px 0 40px;
}

.hh-refs__inner{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px;
}

/* satır */
.hh-refRow{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 560px;
  margin: 0 auto 90px;
}

/* kart */
.hh-refCard{
  width: 560px;
  background: #f8f8f2;
  padding: 86px 74px 76px;
  box-shadow: none;
  position: relative;
  z-index: 2;
}

/* kart başlık + çizgi */
.hh-refCard__title{
  margin: 0 0 22px;
  font-family: "Cormorant Garamond", "Cormorant", Georgia, serif;
  font-weight: 600;
  font-size: 20px;
  color: #111;
}

.hh-refCard__line{
  width: 44px;
  height: 2px;
  background: #6f2b34;
  margin: 0 0 34px;
}

/* içerik */
.hh-refCard__body{
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #111;
}

.hh-refCard__body p{
  margin: 0 0 16px;
}

.hh-refCard__sign{
  margin-top: 26px;
  font-weight: 700;
}

.hh-refCard__sign span{
  font-weight: 600;
}

/* foto */
.hh-refPhoto{
  width: 520px;
  height: 520px;
  overflow: hidden;
  background: #000;
  position: relative;
  z-index: 1;
}

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

/* overlap (row1: kart solda, foto sağda) */
.hh-refRow .hh-refCard{ margin-right: -120px; }
.hh-refRow .hh-refPhoto{ margin-left: 0; }

/* reverse (row2: foto solda, kart sağda) */
.hh-refRow.is-rev{ flex-direction: row-reverse; }
.hh-refRow.is-rev .hh-refCard{
  margin-right: 0;
  margin-left: -120px;
}

/* responsive: alt alta */
@media (max-width: 992px){
  .hh-refs__inner{ padding: 0 18px; }

  .hh-refRow,
  .hh-refRow.is-rev{
    flex-direction: column;
    gap: 18px;
    min-height: auto;
    margin-bottom: 70px;
  }

  .hh-refRow .hh-refCard,
  .hh-refRow.is-rev .hh-refCard{
    width: 100%;
    margin: 0;
    padding: 56px 26px 50px;
  }

  .hh-refPhoto{
    width: 100%;
    height: 420px;
  }
}

/* Swiper'a geçince grid'i kullanmıyoruz */
.hh-testimonialsSwiper{
  width: 100%;
  position: relative;
}

/* Kartlar ortalı dursun (grid'deki gibi) */
.hh-testimonialsSwiper .swiper-slide{
  height: auto;
  display: flex;
  justify-content: center;
}

/* oklar */
.hh-tNav{
  color: #6f2b34; /* wine */
}
.hh-tPrev, .hh-tNext{
  width: 44px;
  height: 44px;
}
.hh-tPrev::after, .hh-tNext::after{
  font-size: 18px;
  font-weight: 700;
}

/* pagination */
.hh-tPag{
  position: relative;
  margin-top: 26px;
}
.hh-tPag .swiper-pagination-bullet{
  opacity: .35;
  background: #6f2b34;
}
.hh-tPag .swiper-pagination-bullet-active{
  opacity: 1;
}

.btnblur{
	background: transparent !important;
    backdrop-filter: blur(11px) !important;
    background-color: #0000004f !important;
	color: white !important;
}

/* hover yazıları için gerekli */
.hh-pitem__link{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

/* Altta çıkan yazı katmanı */
.hh-pitem__cap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 22px 22px;
  color: #fff;
  z-index: 2;

  /* altta hafif karartma */
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
  text-align: center;
}

/* başlık / alt metin */
.hh-pitem__capTitle{
  font-family: "Cormorant", serif;
  font-size: 17px;
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 600;
}

.hh-pitem__capSub{
  margin-top: 6px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: .10em;
  text-transform: uppercase;
  opacity: .95;
  font-weight: 600;
}

/* Hover olunca göster */
.hh-pitem:hover .hh-pitem__cap{
  opacity: 1;
  transform: translateY(0);
}

/* Mobilde de sürekli gözüksün istersen */
@media (max-width: 768px){
  .hh-pitem__cap{
    opacity: 1;
    transform: none;
  }
}

.aboutarka{
	    position: absolute;
    bottom: 10vh;
    pointer-events: none;
}

.hh-arkalogo {
    position: absolute;
    width: 300px;
    top: 0;
}

/* ===== POPULAR: random reveal (sıra değişmez) ===== */
#hhMasonry .hh-item{
  opacity: 0;
  transform: translate3d(var(--rx, 0px), var(--ry, 18px), 0) scale(.98);
  transition: opacity .55s ease, transform .75s cubic-bezier(.22,.61,.2,1);
  will-change: opacity, transform;
  pointer-events: none; /* görünmeden tıklanmasın */
}

#hhMasonry .hh-item.is-in{
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce){
  #hhMasonry .hh-item{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* masonry alanını “düz bitir” */
.hh-masonryClip{
  position: relative;
  overflow: hidden;
  height: auto;          /* JS bunu px olarak set edecek */
}

/* kesik bitmesin diye altta fade */
.hh-masonryClip::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: 140px;
  pointer-events:none;
  /* background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 80%); */
}

/* (isteğe bağlı) POPULAR alt padding çoksa azalt */
.hh-popular{ padding-bottom: 30px; } /* 80 çok geliyorsa */

#hhMasonry{
	/* height: auto !important; */
}

/* ===== THEME MODAL (LOCKED) ===== */
.hh-pop{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

.hh-pop.is-open{ display: block; }

.hh-pop__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
}

.hh-pop__dialog{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
}

.hh-pop__box{
  width: min(560px, 92vw);
  background: #f8f8f2;
  border: 1px solid rgba(111,43,52,.35);
  box-shadow: 0 28px 70px rgba(0,0,0,.35);
  padding: 44px 38px 34px;
  text-align: center;
  transform: translateY(10px);
  opacity: 0;
  animation: hhPopIn .28s ease forwards;
}

@keyframes hhPopIn{
  to{ transform: translateY(0); opacity: 1; }
}

.hh-pop__title{
  margin: 0 0 14px;
  font-family: "Cormorant", serif;
  font-size: 34px;
  font-weight: 600;
  color: #111;
}

.hh-pop__text{
  margin: 0 0 22px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #111;
  font-weight: 500;
}

.hh-pop__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 160px;
  padding: 0 22px;
  background: #6f2b34;
  color: #fff;
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
  transition: transform .18s ease, opacity .18s ease;
}
.hh-pop__btn:hover{ transform: translateY(-1px); opacity: .95; }

/* ===== MOBIL HEADER + OVERLAY MENU (Roman Ivanov style) ===== */
.hh-mbar{ display:none; }
.hh-mnav{display: none;}

@media (max-width: 992px){

  /* Desktop menüleri gizle */
  .hh-header__grid{ display:none; }

  /* Header mobilde her zaman beyaz + fixed */
  .hh-header{
    z-index: 1200 !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    height: 73px;
    background: white;
  }

  .hh-header__inner{
    max-width: none;
    padding: 0 16px;
    height: 72px;
  }

  /* Arka logo mobilde gözükmesin */
  .hh-arkalogo{ display:none; }

  /* Üst bar: logo sol, hamburger sağ */
  .hh-mbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:72px;
  }

  .hh-mbar__logo img{
    height: 41px;
    width: auto;
    display:block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 15px;
  }

  .hh-mbar__toggle{
    width: 46px;
    height: 46px;
    border: 0;
    background: transparent;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap: 6px;
    cursor:pointer;
  }
  .hh-mbar__toggle span{
    display:block;
    width: 26px;
    height: 2px;
    background: #111;
    margin-left:auto; /* sağa yasla */
  }

  /* ===== Overlay menu ===== */
  .hh-mnav{
    display:flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    inset: 0;
    background: #fff;
    z-index: 2000;
    transform: translateY(-110%);
    transition: transform .48s cubic-bezier(.22,.61,.2,1);
    will-change: transform;
    padding: 26px 18px 26px;
    transform: translateY(-150vh);
    height: max-content;
    box-shadow: 0px 0px 10px #00000063;
  }

  /* açılınca */
  .hh-mnav.is-open{
    transform: translateY(0);
  }

  /* X kapat */
  .hh-mnav__close{
    position: absolute;
    right: 14px;
    top: 12px;
    width: 52px;
    height: 52px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .hh-mnav__close::before,
  .hh-mnav__close::after{
    content:"";
    position:absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 2px;
    background: #111;
    transform-origin: center;
  }
  .hh-mnav__close::before{ transform: translate(-50%,-50%) rotate(45deg); }
  .hh-mnav__close::after{  transform: translate(-50%,-50%) rotate(-45deg); }

  /* Üst logo (ortada) */
  .hh-mnav__brand{
    margin-top: 22px;
    text-decoration:none;
  }
  .hh-mnav__brand img{
    height: 42px;
    width: auto;
    display:block;
  }

  /* Linkler: ortada, aralıklı, uppercase */
  .hh-mnav__links{
    margin-top: 52px;
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
  }
  .hh-mnav__links a{
    font-family: "Cormorant", serif;
    font-size: 16px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    font-weight: 700;
  }
  .hh-mnav__links a:hover{opacity: 100%;}

  /* Altta booking butonu */
  .hh-mnav__booking{
    margin-top: auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 44px;
    min-width: 140px;
    background:#000;
    color:#fff;
    text-decoration:none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .10em;
    text-transform: uppercase;
    border-radius: 999px;
    box-shadow: 0 16px 30px rgba(0,0,0,.22);
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px){
	.hh-swiper {
		margin-top: 70px;
	}
	
	.butondark {
		font-size: 14px;
	}
	
	.hh-popular {
		padding: 0px 0 0px;
	}
	
	.hh-popular__title {
		padding-top: 0px;
	}
	
	.hh-aboutLike__sign img {
		width: 120px;
		height: auto;
		top: -9vh;
	}
	
	.hh-pitem__cap {
		padding: 10px 10px;
	}
	
	.hh-pitem__capTitle {
		font-size: 13px;
	}
	
	.hh-pitem__capSub {
		font-size: 9px;
	}
	
	
	
}


/* =========================================================
   FOTO DETAY – MOBİL MOD
   - Yatay akış KAPALI
   - Dikey scroll (slider gibi) AÇIK
   - Her panel tam ekran
   - Galeri tıklaması/lightbox KAPALI
========================================================= */
@media (max-width: 992px){

  :root{
    --hhHeaderH: 72px;   /* mobil header yüksekliğin */
    --hhFooterH: 0px;
  }

  /* body yine kilitli kalsın, scroll'u container yapsın */
  body.hh-hscroll-page{
    height: 100svh;
    overflow: hidden;
  }

  /* fixed alan: header'ın altından başla, dikey scroll */
  body.hh-hscroll-page .hh-hscroll{
    position: fixed;
    left: 0; right: 0;
    top: var(--hhHeaderH);
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;

    /* "tek tek panel" hissi (touch için mükemmel) */
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    /* iPhone safe area alt boşluğu */
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* Track artık YAN YANA değil ALT ALTA */
  body.hh-hscroll-page .hh-hscroll__track{
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    transform: none !important;   /* eski translate3d'yi ez */
    will-change: auto;
  }

  /* Her panel: tam ekran (header hariç) */
  body.hh-hscroll-page .hh-hpanel{
    width: 100%;
    height: calc(100svh - var(--hhHeaderH));
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  /* HERO panel: mobil düzen zaten tek kolona düşüyor ama garanti */
  body.hh-hscroll-page .hh-hpanel--hero{
    margin-right: 0 !important;
  }
  body.hh-hscroll-page .hh-fotoHero,
  body.hh-hscroll-page .hh-fotoCta{
    height: 100%;
    margin-top: 0 !important;
  }
  body.hh-hscroll-page .hh-fotoHero__grid{
    height: 100%;
    min-height: 100%;
    grid-template-columns: 1fr; /* mobilde tek kolon */
  }
  body.hh-hscroll-page .hh-fotoHero__right img{
    height: 100% !important;
  }

  /* FOTO panelleri: MOBİLDE TAM EKRAN (kart görünümünü kapat) */
  body.hh-hscroll-page{
    --hhCardW: 100vw !important;
    --hhCardH: 100% !important;
    --hhCardGap: 0px !important;
    --hhEdge: 0px !important;
  }

  body.hh-hscroll-page .hh-hpanel--img{
    margin: 0 !important;
    display: block;
  }

  body.hh-hscroll-page .hh-hpanel--img .hh-himg{
    width: 100%;
    height: 100%;
    padding: 0 !important;
  }

  body.hh-hscroll-page .hh-hpanel--img .hh-himg img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* full screen cover */
  }

  /* Mobilde GALERİ TIKLAMA KAPALI (scroll rahat olsun) */
  body.hh-hscroll-page .hh-fotoLight{
    pointer-events: none !important;
  }

  /* CTA paneli de tam ekran */
  body.hh-hscroll-page .hh-hpanel--cta .hh-fotoCta__grid{
    height: 100%;
  }
}

.mobilcta{
	display: none;
}

@media screen and (max-width: 768px){
	.masaustucta{
		display: none;
	}
	
	.mobilcta{
		display: inline-block !important;
	}
	
	.hh-fotoHero__left {
		padding: 30px clamp(18px, 5vw, 90px);
	}
	
	.hh-fotoHero__title {
		font-size: clamp(37px, 5.2vw, 64px);
		margin: 30px 0 20px;
	}
	
	.instlogo{
		width: 24px;
	}
	
	.logoarkaozel{
		height: 80px !important;
		top: 0 !important;
		}
}

.formsec{
	padding-top: 60px;
	background: white;
}

/* ===== LANGUAGE SWITCHER (CLICK) ===== */

.hh-lang{
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 99999;
  font-family: Arial, sans-serif;
}

.hh-lang__toggle{
  display:flex;
  align-items:center;
  gap:10px;
  background:#000;
  color:#fff;
  padding:12px 18px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 16px 35px rgba(0,0,0,.25);
  user-select:none;
}

.hh-lang__menu{
  position:absolute;
  right:0;
  bottom:100%;
  margin-bottom:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 20px 40px rgba(0,0,0,.18);
  width:170px;

  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:.22s ease;
}

.hh-lang.is-open .hh-lang__menu{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.hh-lang__item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  text-decoration:none;
  font-size:13px;
  color:#111;
  border-bottom:1px solid rgba(0,0,0,.05);
}

.hh-lang__item:last-child{
  border-bottom:none;
}

.hh-lang__item:hover{
  background:#f8f8f2;
}

.hh-lang__flag{
  width:18px;
  height:12px;
  object-fit:cover;
  display:block;
}