/* Ekin Medikal — 3D / hareketli sürüm (kurumsal.css üstüne) */
:root { color-scheme: dark; --glass: rgba(8, 24, 36, 0.58); --glass-b: rgba(255, 255, 255, 0.1); }
html { background: #04101a; }
body { background: radial-gradient(1200px 700px at 78% -10%, #0c3b3a 0%, transparent 60%), radial-gradient(900px 600px at 0% 100%, #0b2a44 0%, transparent 55%), #04101a; color: var(--ink); }
#themeToggle { display: none !important; }
#gl { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; display: block; }
.no-gl #gl { display: none; }
#progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 60; background: linear-gradient(90deg, #35c9b0, #7fd6ff); transform-origin: 0 50%; transform: scaleX(0); }
.topline, .header, main, .footer { position: relative; z-index: 2; }
.header { background: rgba(4, 16, 26, 0.55); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2); border-bottom: 1px solid var(--glass-b); }
.topline { background: rgba(2, 10, 16, 0.7); }

/* bölümler: sahne görünsün */
.section, .page-hero, .hero-corp, .cred, .band-ink, .routes { background: transparent; }
.section.alt, .band-ink { background: rgba(4, 14, 22, 0.58); border-block: 1px solid var(--glass-b); }
.page-hero { border-bottom: 1px solid var(--glass-b); }
.footer { background: rgba(2, 9, 14, 0.82); backdrop-filter: blur(10px); }

/* cam kartlar */
.route, .svc, .p-card, .cert-card, .contact-card, .person-card, .faq-item, .label, .note, .col, .form-panel, .routes-grid, .map-consent {
  background: var(--glass); border-color: var(--glass-b); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.routes-grid { box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.7); }
.tilt { transition: transform 0.35s var(--ease), border-color 0.3s, background 0.3s; will-change: transform; position: relative; }
.tilt::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity 0.3s; background: radial-gradient(260px circle at var(--gx, 50%) var(--gy, 50%), rgba(53, 201, 176, 0.16), transparent 60%); }
.tilt:hover::after { opacity: 1; }
.tilt:hover { border-color: rgba(53, 201, 176, 0.45); }

/* hero */
.hero-3d { min-height: calc(100svh - 104px); display: flex; align-items: center; padding: clamp(40px, 6vw, 80px) 0 clamp(150px, 16vw, 210px); }
.hero-3d-in { max-width: 1240px; }
.hero-3d-in > * { max-width: 820px; }
.hero-3d-in > h1 { max-width: 960px; }
.hero-3d h1 { font-size: clamp(2.5rem, 5.2vw, 4.9rem); line-height: 1.04; letter-spacing: -0.03em; margin-top: 22px; }
.hero-3d h1 em { background: linear-gradient(100deg, #7fe8d4, #6fb8ff 70%); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: italic; }
.hero-3d .lead { max-width: 54ch; }
.hero-meta { display: flex; gap: 14px 26px; flex-wrap: wrap; margin-top: 40px; font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: #8fb8bd; }
.hero-meta span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 9px; border-radius: 50%; background: #35c9b0; box-shadow: 0 0 10px #35c9b0; vertical-align: 1px; }
.scroll-cue { position: absolute; left: 50%; bottom: 120px; width: 1px; height: 54px; background: linear-gradient(#35c9b0, transparent); animation: cue 2s ease-in-out infinite; }
@keyframes cue { 0%, 100% { transform: scaleY(0.4); transform-origin: top; opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } }
.hero-3d h1.split .w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.12em; }
.hero-3d h1.split .w > span { display: inline-block; transform: translateY(110%); transition: transform 0.95s var(--ease); }
.hero-3d h1.split.in .w > span { transform: none; }
.hero-3d .mono, .hero-3d .lead, .hero-3d .hero-cta, .hero-meta { animation: rise 1s var(--ease) both; }
.hero-3d .lead { animation-delay: 0.35s; } .hero-3d .hero-cta { animation-delay: 0.5s; } .hero-meta { animation-delay: 0.65s; }
@keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* üretim hattı (şişe dolar) */
.hat { padding-block: clamp(64px, 9vw, 120px); }
.hat-head { max-width: 560px; margin-bottom: 8px; }
.hat-steps { display: grid; gap: 0; max-width: 520px; }
.hat-step { min-height: 62vh; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 28px 28px 28px 30px; border-left: 2px solid var(--glass-b); opacity: 0.4; transition: opacity 0.5s, border-color 0.5s, background 0.5s; }
.hat-step.on { opacity: 1; border-color: #35c9b0; background: linear-gradient(90deg, rgba(53, 201, 176, 0.1), transparent); }
.hat-step.done { opacity: 0.65; border-color: rgba(53, 201, 176, 0.5); }
.hat-step .n { font-family: var(--mono); font-size: 0.76rem; letter-spacing: 0.14em; color: #35c9b0; }
.hat-step h3 { font-family: var(--serif); font-weight: 500; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.1; letter-spacing: -0.02em; }
.hat-step p { color: var(--ink-2); max-width: 44ch; }
.hat-hint { margin-top: 24px; font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
@media (max-width: 800px) {
  .hat-step { min-height: 44vh; background: rgba(4, 14, 22, 0.7); margin-bottom: 14px; }
  .hat-steps { max-width: none; }
  .hero-3d h1 { font-size: clamp(2.3rem, 11vw, 3.4rem); }
  .scroll-cue { display: none; }
}
.no-gl body { background: radial-gradient(900px 600px at 80% 10%, #0f4a45, transparent 60%), #04101a; }
@media (prefers-reduced-motion: reduce) {
  .hero-3d .mono, .hero-3d .lead, .hero-3d .hero-cta, .hero-meta, .scroll-cue { animation: none; }
  .tilt, .hat-step { transition: none; }
}

.reg-note { background: rgba(53, 201, 176, 0.1); color: var(--ink-2); border-left-color: #35c9b0; }
.reg-note strong { color: var(--ink); }
.f-legal-nav a { color: var(--ink-2); }
.gm-lead { color: #e7eef4; }
.eyebrow, .mono.eyebrow { color: #5fe0c8; }
h2 em, h1 em { color: #5fe0c8; }
.hero-3d h1 em { color: transparent; }

/* --- logo: beyaz kutu yok, koyu zeminde okunur --- */
.logo-img, [data-theme="dark"] .logo-img { background: transparent; padding: 0; box-shadow: none; border-radius: 0; height: 44px; filter: brightness(1.18) saturate(1.1) drop-shadow(0 0 14px rgba(53, 201, 176, 0.28)); }
.footer .logo-img { height: 46px; }
/* --- ürün sahnesi: şeffaf kesim görseller için ışıklı koyu zemin --- */
.group-thumb, .p-media, .pm-media {
  background:
    radial-gradient(60% 55% at 50% 42%, rgba(95, 224, 200, 0.2), transparent 70%),
    radial-gradient(70% 22% at 50% 96%, rgba(0, 0, 0, 0.55), transparent 70%),
    linear-gradient(180deg, #0c2531, #06141d);
  border-bottom: 1px solid var(--glass-b);
}
.group-thumb img, .p-media img { object-fit: contain; padding: 14px 10px 10px; filter: drop-shadow(0 14px 16px rgba(0, 0, 0, 0.55)); transition: transform 0.6s var(--ease); }
.p-card:hover .p-media img, .group-card:hover .group-thumb img, a:hover > .group-thumb img { transform: translateY(-5px) scale(1.04); }
.pm-media img { filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.6)); }

/* ürün görseli kutuya tam sığsın (uzun şişeler alttan kesilmesin) */
.p-media, .group-thumb { position: relative; }
.p-media img, .group-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
/* üst menü kaydırırken sabit kalsın, mobil menü örtünün üstünde açılsın */
.header { position: sticky; top: 0; z-index: 100; }