/* İşletme web sitesi. Renk: --accent (işletmenin tema rengi). Yerleşim: .site-zarif | .site-modern | .site-klasik */
.site { background: #fff; }
.site .btn-primary { background: var(--accent); border-color: var(--accent); }
.site .eyebrow { color: var(--accent); }
.site .link, .site a:hover { color: var(--accent); }
.site .pbar i, .site .bar i { background: var(--accent); }
.site .lcard .cat { color: var(--accent); }
.owner-bar { background: var(--ink); color: #fff; font-size: 13px; padding: 8px 0; }
.owner-bar .btn { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .3); }
.s-hdr { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.s-hdr .wrap { display: flex; align-items: center; gap: 16px; height: 68px; }
.s-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.s-brand .mono { width: 42px; height: 42px; font-size: 15px; border-radius: 12px; border: 0; box-shadow: none; }
.s-brand b { display: block; font: 600 17px var(--serif); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 52vw; }
.s-brand small { display: block; font-size: 12px; color: var(--muted); }
.s-nav { display: none; gap: 2px; margin-left: auto; }
.s-nav a { padding: 8px 12px; border-radius: 999px; font-size: 14px; font-weight: 500; }
.s-nav a:hover { background: var(--line-2); }
.s-hdr .btn-wa { margin-left: auto; }
@media (min-width: 1024px) { .s-nav { display: flex; } .s-hdr .btn-wa { margin-left: 8px; } }
@media (max-width: 560px) { .hide-sm { display: none; } }

.s-hero { position: relative; min-height: 78vh; display: flex; align-items: flex-end; color: #fff; overflow: hidden; background: var(--dark); }
.s-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.s-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .7)); }
.s-hero-in { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 64px; }
.s-hero h1 { font-size: clamp(36px, 6vw, 72px); margin: 4px 0 8px; color: #fff; }
.s-hero .lead { font-size: clamp(16px, 2vw, 20px); opacity: .9; max-width: 640px; }
.s-hero .eyebrow { color: #fff; opacity: .85; }
.mono.big { width: 84px; height: 84px; border-radius: 22px; font-size: 30px; margin-bottom: 18px; border: 3px solid rgba(255, 255, 255, .8); }
.s-badges .badge { background: rgba(255, 255, 255, .16); color: #fff; backdrop-filter: blur(6px); }
.s-ghost { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .4); }
.s-ghost:hover { background: #fff; color: var(--ink); }

/* zarif: ortalanmış */
.site-zarif .s-hero { align-items: center; text-align: center; }
.site-zarif .s-hero-in { display: flex; flex-direction: column; align-items: center; }
.site-zarif .s-hero .row { justify-content: center; }
.site-zarif .s-hero h1 { font-style: italic; }
/* modern: bölünmüş, açık zemin */
.site-modern .s-hero { min-height: auto; background: linear-gradient(135deg, #fff, var(--line-2)); color: var(--ink); align-items: stretch; }
.site-modern .s-hero::after { display: none; }
.site-modern .s-bg { left: auto; width: 50%; clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%); }
.site-modern .s-hero-in { padding: 80px 16px; max-width: var(--w); }
.site-modern .s-hero-in > * { max-width: 46%; }
.site-modern .s-hero h1, .site-modern .s-hero .eyebrow { color: var(--ink); }
.site-modern .s-hero .eyebrow { color: var(--accent); opacity: 1; }
.site-modern .s-badges .badge { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.site-modern .s-ghost { color: var(--ink); background: #fff; border-color: var(--line); }
@media (max-width: 900px) { .site-modern .s-bg { position: relative; width: 100%; height: 260px; clip-path: none; } .site-modern .s-hero { flex-direction: column; } .site-modern .s-hero-in { padding: 32px 16px; } .site-modern .s-hero-in > * { max-width: 100%; } }
/* klasik: çerçeveli, serif ağırlıklı */
.site-klasik { --serif: 'Cormorant Garamond', Georgia, serif; }
.site-klasik h1, .site-klasik h2 { font-weight: 700; letter-spacing: .01em; }
.site-klasik .s-hero-in { border: 1px solid rgba(255, 255, 255, .5); margin-bottom: 40px; padding: 48px 32px; max-width: 900px; background: rgba(0, 0, 0, .25); backdrop-filter: blur(3px); border-radius: 4px; }
.site-klasik .s-hero { align-items: center; justify-content: center; }
.site-klasik .card, .site-klasik .lcard { border-radius: 4px; }
.site-klasik .btn { border-radius: 4px; }

.s-sec { padding: 72px 0; }
.s-sec.alt { background: var(--bg); }
@media (max-width: 719px) { .s-sec { padding: 48px 0; } }
.s-about { display: grid; gap: 40px; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 900px) { .s-about { grid-template-columns: 1.4fr 1fr; } }
.s-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.s-stats div { padding: 22px; border-radius: var(--r); background: var(--bg); border: 1px solid var(--line); }
.s-stats b { display: block; font: 600 32px var(--serif); color: var(--accent); }
.s-stats span { font-size: 13px; color: var(--muted); }
.s-gallery { display: grid; gap: 8px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 720px) { .s-gallery { grid-template-columns: repeat(4, 1fr); } }
.s-gallery a { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 10px; cursor: zoom-in; background: var(--line-2); }
.s-gallery a.wide { grid-column: span 2; grid-row: span 2; }
.s-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.s-gallery a:hover img { transform: scale(1.05); }
.s-gallery .play { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0, 0, 0, .25); color: #fff; }
.s-gallery .play span { width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, .25); display: grid; place-items: center; }
.s-gallery .play .ic { fill: #fff; }
.s-contact { display: grid; gap: 32px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .s-contact { grid-template-columns: 1fr 1fr; } }
.s-info { display: grid; gap: 12px; margin-top: 12px; }
.s-info div { display: flex; gap: 12px; align-items: flex-start; }
.s-info .ic { color: var(--accent); margin-top: 2px; }
.s-hours { border-collapse: collapse; font-size: 14px; }
.s-hours td { padding: 4px 24px 4px 0; }
.s-hours td:first-child { color: var(--muted); }
.s-map { width: 100%; height: 260px; border: 0; border-radius: var(--r); }
.s-foot { background: var(--dark); color: #cdbfc6; padding: 28px 0 90px; font-size: 13px; }
.s-foot a { color: #cdbfc6; } .s-powered { display: inline-flex; gap: 6px; align-items: center; }
.s-fab { position: fixed; right: 18px; bottom: 18px; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; color: #fff; box-shadow: 0 8px 24px rgba(37, 211, 102, .45); z-index: 40; background: var(--wa); }
.s-fab .ic-wa { width: 30px; height: 30px; }
.s-cart { position: fixed; right: 18px; bottom: 88px; width: 50px; height: 50px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: var(--sh-lg); z-index: 40; }
.s-cart .dot { position: absolute; top: -2px; right: -2px; min-width: 20px; height: 20px; border-radius: 10px; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; padding: 0 5px; }