/* HG-REF ana sayfa referanslari (2026-11-07) - Roots RS-33 (D2+) tasariminin Heritage renklerine uyarlamasi.
   partials/ref_seridi.php : slider'in hemen altinda kayan logo seridi (ilk ekranda gorunur)
   partials/ref_alan.php   : Cafe/Otel/Restaurant Projeleri kartlarinin altinda referans alani (#rs-referanslar) */
html:has(.rs-ref){scroll-behavior:smooth}
.rs-ref{--rs-ana:#574A4C;--rs-vurgu:#f9a524;--rs-vurgu-acik:#ffbe4d;--rs-vurgu-koyu:#9a5a00;--rs-zemin:#f6f3ef;--rs-soluk:#6f6466;font-family:inherit}
/* --- kayan serit --- */
.rs-serit{display:flex;align-items:center;gap:20px;height:88px;padding:0 84px 0 24px;box-sizing:border-box;background:var(--rs-ana);border-top:3px solid var(--rs-vurgu)}
.rs-serit-etiket{margin:0;flex:0 0 auto;max-width:120px;font-weight:600;letter-spacing:2px;font-size:12px;line-height:1.5;color:var(--rs-vurgu-acik)}
.rs-serit-kac{flex:0 0 auto;color:var(--rs-vurgu-acik);font-size:14px;text-decoration:none;white-space:nowrap}
.rs-serit-kac:hover{color:#fff}
.rs-mq{flex:1 1 auto;min-width:0;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.rs-mq-track{display:flex;gap:10px;width:max-content;animation:rsAkis 60s linear infinite}
[dir="rtl"] .rs-mq-track{animation-direction:reverse}
@keyframes rsAkis{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rs-mq-track{animation:none}.rs-mq{overflow-x:auto}}
.rs-mq .rs-lt{flex:0 0 auto;width:110px;height:64px;border-radius:2px}
/* --- logo kartlari --- */
.rs-lt{position:relative;display:block;overflow:hidden;background:#fff;text-decoration:none}
.rs-lt img{width:100%;height:100%;object-fit:contain;padding:10px 14px;box-sizing:border-box;display:block;transition:transform .35s ease}
.rs-lt-foto img{padding:0}
.rs-ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;box-sizing:border-box;background:rgba(87,74,76,.93);opacity:0;transition:opacity .25s ease;text-align:center}
.rs-ov b{font-weight:600;font-size:13px;line-height:1.25;color:#fff}
.rs-ov i{font-style:normal;font-size:12px;color:var(--rs-vurgu-acik);border-bottom:1px solid var(--rs-vurgu-acik);padding-bottom:2px}
.rs-mq .rs-ov b{font-size:11px}
.rs-lt:hover .rs-ov,.rs-lt:focus-visible .rs-ov,.rs-lt:active .rs-ov{opacity:1}
.rs-lt:hover img,.rs-lt:active img{transform:scale(1.07)}
.rs-lt:hover,.rs-lt:focus-visible{outline:2px solid var(--rs-vurgu);outline-offset:-2px}
/* --- referans alani --- */
.rs-alan{background:var(--rs-zemin);border-bottom:1px solid #e6e0da;scroll-margin-top:12px}
.rs-alan-ic{max-width:1240px;margin:0 auto;padding:64px 24px 56px}
.rs-alan-ust{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}
.rs-alan-ust>div:first-child{max-width:640px}
.rs-alan-etiket{margin:0 0 12px;font-weight:600;letter-spacing:4px;font-size:12px;color:var(--rs-vurgu-koyu)}
.rs-alan-baslik{margin:0;font-weight:700;font-size:32px;line-height:1.25;color:var(--rs-ana)}
.rs-sayac{display:flex;gap:40px}
.rs-sayac strong{display:block;font-size:36px;font-weight:700;color:var(--rs-vurgu-koyu);line-height:1.1}
.rs-sayac span{font-size:12px;letter-spacing:1px;color:var(--rs-soluk)}
.rs-izgara{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:40px}
.rs-izgara .rs-lt{aspect-ratio:300/172;border:1px solid #e6e0da;box-sizing:border-box}
.rs-alan-alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}
.rs-alan-alt p{margin:0;font-size:14px;color:var(--rs-soluk)}
.rs-buton{border:1px solid var(--rs-ana);color:var(--rs-ana);text-decoration:none;padding:12px 24px;font-size:14px;transition:background .2s,color .2s}
.rs-buton:hover{background:var(--rs-ana);color:#fff}
/* --- slider: serit ilk ekranda gorunsun --- */
/* slider serit kadar kisalir; slayt basligi ve Detay dugmesi ayni oranda yukari kayar (alt kenara mesafesi eskisiyle ayni kalir) */
html:has(.rs-ref-serit) .homa-main-slider{margin-bottom:0}
@media (min-width:992px){
  /* header sabit (80px), slider tam ekran; serit 88px */
  html:has(.rs-ref-serit) .main_slider .homa-main-slider .item{height:calc(100svh - 88px)}
  html:has(.rs-ref-serit) .main_slider .homa-main-slider .slider-content{height:calc(100svh - 176px)}
  /* slick baslamadan once slaytlar alt alta dizilip seridi asagi itmesin (CLS) - yalniz masaustu */
  .main_slider .homa-main-slider:not(.slick-initialized) > .item:not(:first-child){display:none}
  /* referans alanina inince baslik sabit header'in altinda kalmasin */
  .rs-alan{scroll-margin-top:100px}
}
@media (min-width:768px) and (max-width:991px){
  /* tablet: serit 72px */
  html:has(.rs-ref-serit) .mobile_slider .homa-main-slider .item{height:calc(100svh - 72px)}
  html:has(.rs-ref-serit) .mobile_slider .homa-main-slider .slider-content{height:calc(100svh - 144px)}
}
@media (max-width:767px) and (min-height:560px){
  /* telefon: serit, sitenin sabit dil secici ve WhatsApp dugmelerinin (alttan ~80px) ustunde kalsin */
  html:has(.rs-ref-serit) .mobile_slider .homa-main-slider .item{height:calc(100svh - 150px)}
  html:has(.rs-ref-serit) .mobile_slider .homa-main-slider .slider-content{height:calc(120svh - 300px)}
}
@media (max-width:991px){
  .rs-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}.rs-alan-baslik{font-size:26px}
  .rs-serit{height:72px}
}
@media (max-width:767px){
  .rs-serit{padding:0 12px;gap:10px}.rs-serit-etiket{display:none}.rs-serit-kac{font-size:12px}
  .rs-mq .rs-lt{width:96px;height:52px}
  .rs-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .rs-alan-ic{padding:40px 16px}.rs-alan-baslik{font-size:22px}.rs-sayac{gap:24px}.rs-sayac strong{font-size:28px}
}