*, *::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: absolute;
  z-index: 999;
  background: transparent;

  /* screenshot yüksekliği gibi */
  height: 90px;
  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: Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
  padding: 10px 2px;
  transition: opacity .18s ease;
  font-weight: 500;
}
.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: 650px;        /* 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: 340px; }
  .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: 50%; }
}

.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;
}

/* 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: 70px 0 75px; }
  .hh-about__photo{ margin-bottom: 30px; }
}

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

.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: #111; /* fallback */
  width: 94%;
  margin: 0 auto;
  margin-top: 60px;
}

/* 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: #ffffff;
}

/* 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 0px;
}

.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 22px;
  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: 9.2px; }
}

.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; }
  .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: 1fr 1fr 1.4fr;
}
.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: #f8f8f2;
  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: 260px;
  height: auto;
}

/* 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;
}

/* 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;
}

.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: 100%;
  display: block;
}

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