
/* GoDaddy Airo'dan çıkarılmış sayfanın bağımsız yayın uyarlaması. */
:root{color-scheme:dark;scroll-behavior:smooth}
html{scroll-padding-top:90px}body{margin:0;background:#111;color:#fff}
header.site-header.scrolled{background:rgba(13,13,13,.97)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(201,168,78,.25)!important}
/* Orijinal SPA'nın scroll animasyonları JavaScript olmadan içerik saklamasın. */
[data-recovered-motion]{opacity:1!important;transform:none!important;visibility:visible!important}
.mobile-panel{display:none;position:fixed;left:0;right:0;top:80px;z-index:99;background:#111;border-bottom:1px solid #c9a84e;padding:20px 26px 28px;box-shadow:0 20px 40px #0009}
.mobile-panel.is-open{display:flex;flex-direction:column;gap:15px}
.mobile-panel a{display:block;color:#fff;text-decoration:none;letter-spacing:.11em;font-size:14px;padding:7px 0}
.mobile-panel a:hover,.mobile-panel a:focus{color:#c9a84e}
.region-menu{display:none;position:absolute;top:42px;right:0;min-width:250px;background:#181818;border:1px solid rgba(201,168,78,.35);padding:12px;z-index:80;box-shadow:0 12px 40px #0009}
.region-menu.is-open{display:block}
.region-menu a{display:block;color:#ddd;padding:10px;text-decoration:none;font-size:12px;letter-spacing:.04em}
.region-menu a:hover{color:#c9a84e;background:#ffffff10}
.category-active{background:#c9a84e!important;color:#111!important;border-color:#c9a84e!important}
.portfolio-hidden{display:none!important}
header .mobile-toggle{display:none}@media(max-width:767px){header .mobile-toggle{display:block}}
@media(min-width:768px){.mobile-panel{display:none!important}}
.subpage-header{padding:170px 6% 70px;background:linear-gradient(110deg,#111d,#111b),url('/assets/showcase-1.webp') center/cover;min-height:340px}
.subpage-wrap{max-width:1100px;margin:auto;padding:72px 26px 100px}
.subpage-header .eyebrow{letter-spacing:.35em;color:#c9a84e;font-size:12px;text-transform:uppercase}
.subpage-header h1{font-family:var(--font-heading),Georgia,serif;font-size:clamp(38px,5.5vw,72px);line-height:1.04;margin:24px 0;color:#fff}
.subpage-header p{max-width:700px;color:#ddd;line-height:1.8}
.subpage-wrap h2{font-family:var(--font-heading),Georgia,serif;font-size:clamp(28px,4vw,46px);margin-bottom:18px}
.subpage-wrap h3{font-family:var(--font-heading),Georgia,serif;font-size:26px;color:#c9a84e;margin-bottom:8px}
.subpage-wrap p{color:#bbb;line-height:1.9;margin-bottom:22px}
.subpage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:30px 0 62px}
.subpage-card{background:#191919;border:1px solid #ffffff16;padding:28px}
.subpage-action{display:inline-block;background:#c9a84e;color:#111;text-decoration:none;padding:15px 26px;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.1em}
.subpage-photo{width:100%;height:400px;object-fit:cover;margin:15px 0 45px}
.skip-link{position:absolute;top:-80px;left:20px;background:#c9a84e;color:#111;padding:12px;z-index:900}.skip-link:focus{top:15px}
@media(max-width:600px){.subpage-header{padding-top:145px}.subpage-photo{height:240px}}

/* Kesintisiz akan vitrin: 5 farklı fotoğraf + aynı 5 fotoğraf tekrarı */
.showcase-track{animation:bafraShowcaseMove 43s linear infinite;will-change:transform}
.showcase-track:hover,.showcase-track:focus-within{animation-play-state:paused}
@keyframes bafraShowcaseMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--showcase-shift,2480px)),0,0)}}
@media (max-width:640px){.showcase-track>div{width:min(80vw,480px)!important;height:270px!important}}
@media (prefers-reduced-motion:reduce){.showcase-track{animation:none!important;transform:none!important}}


/* V4 - gerçek dükkânın üst tabelasını sabit menünün altına indirerek göster. */
.hero-section{background:#0b0b0b;isolation:isolate}
/* Fotoğrafı büyüterek üst tabela kırpılmasın; fotoğrafın başlangıcı 96px aşağıda. */
.hero-photo{transform:none!important;transform-origin:center top!important}
@media(max-width:767px){
 .hero-photo{background-position:82% top!important;top:80px!important;bottom:-80px!important}
 .hero-overlay{background:linear-gradient(90deg,rgba(8,8,8,.70) 0%,rgba(8,8,8,.43) 100%),linear-gradient(180deg,transparent 0%,rgba(8,8,8,.2) 43%,rgba(8,8,8,.85) 100%)!important}
}
