/* =============================================
   TEDAVILER PAGE – Creative Premium Design
   ============================================= */

/* ===== HERO ===== */
.td-hero {
  position: relative; overflow: hidden;
  padding: calc(var(--nav-h) + 60px) 0 100px;
  background: linear-gradient(160deg, #020617 0%, #1e0a3c 30%, #150826 60%, #020617 100%);
  min-height: 600px;
}
.td-hero-bg { position: absolute; inset: 0; pointer-events: none; }

.td-hero-gradient {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 25% 50%, rgba(168,85,247,.15), transparent),
    radial-gradient(ellipse 50% 40% at 75% 30%, rgba(236,72,153,.08), transparent);
}

.td-hero-mesh {
  position: absolute; inset: 0; opacity: .08;
  background-image:
    linear-gradient(rgba(168,85,247,.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168,85,247,.4) 1px, transparent 1px);
  background-size: 80px 80px;
}

.td-hero-orb {
  position: absolute; border-radius: 50%; filter: blur(100px);
  animation: tdOrbFloat 20s ease-in-out infinite;
}
.td-orb-1 { width: 500px; height: 500px; background: rgba(168,85,247,.12); top: -150px; left: -100px; animation-delay: 0s; }
.td-orb-2 { width: 400px; height: 400px; background: rgba(236,72,153,.1); bottom: -100px; right: -50px; animation-delay: -7s; }
.td-orb-3 { width: 300px; height: 300px; background: rgba(124,58,237,.08); top: 50%; left: 60%; animation-delay: -13s; }

@keyframes tdOrbFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(30px, -20px) scale(1.05); }
  50% { transform: translate(-20px, 30px) scale(.95); }
  75% { transform: translate(10px, 10px) scale(1.02); }
}

/* Floating medical icons */
.td-float-icon {
  position: absolute; font-size: 28px; opacity: .12;
  animation: tdIconDrift 25s ease-in-out infinite;
  pointer-events: none;
}
.td-fi-1 { top: 15%; left: 8%; animation-delay: 0s; }
.td-fi-2 { top: 25%; right: 12%; animation-delay: -4s; font-size: 24px; }
.td-fi-3 { bottom: 30%; left: 15%; animation-delay: -8s; }
.td-fi-4 { top: 40%; right: 25%; animation-delay: -12s; font-size: 22px; }
.td-fi-5 { bottom: 20%; right: 8%; animation-delay: -16s; font-size: 26px; }
.td-fi-6 { top: 60%; left: 35%; animation-delay: -20s; font-size: 20px; }

@keyframes tdIconDrift {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(15px, -25px) rotate(5deg); }
  50% { transform: translate(-10px, 15px) rotate(-3deg); }
  75% { transform: translate(20px, 10px) rotate(2deg); }
}

.td-hero-inner {
  position: relative; z-index: 2;
  text-align: center;
}

/* Platform Label */
.td-hero-inner .platform-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.td-hero-inner .platform-label::before,
.td-hero-inner .platform-label::after {
  content: '';
  width: 28px;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, rgba(168,85,247,.5));
  border-radius: 2px;
}
.td-hero-inner .platform-label::after {
  background: linear-gradient(90deg, rgba(168,85,247,.5), transparent);
}

/* Badge */
.td-hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(168,85,247,.12); border: 1px solid rgba(168,85,247,.25);
  backdrop-filter: blur(12px);
  padding: 8px 20px; border-radius: 100px;
  font-size: 13px; font-weight: 600; color: rgba(216,180,254,1);
  margin-bottom: 28px;
  animation: tdFadeUp .8s ease both;
}
.td-badge-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #a855f7;
  animation: pulse 2s ease-in-out infinite;
  box-shadow: 0 0 8px rgba(168,85,247,.6);
}

/* Title */
.td-hero-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 900; color: #fff;
  line-height: 1.15; letter-spacing: -.5px;
  margin-bottom: 16px;
  animation: tdFadeUp .8s ease .1s both;
}
.td-gradient-text {
  background: linear-gradient(135deg, #c084fc, #ec4899, #c084fc);
  background-size: 200% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: tdShimmer 4s linear infinite;
}
@keyframes tdShimmer {
  to { background-position: 200% center; }
}

/* Desc */
.td-hero-desc {
  font-size: 17px; color: rgba(203,213,225,.8);
  max-width: 550px; margin: 0 auto 36px;
  line-height: 1.7;
  animation: tdFadeUp .8s ease .2s both;
}

/* Stats — inside search wrap, below search bar */
.td-hero-stats {
  display: flex; align-items: center; justify-content: center;
  gap: 0; margin-top: 20px;
  animation: tdFadeUp .8s ease .5s both;
}
.td-stat { text-align: center; padding: 0 24px; }
.td-stat-top { display: flex; align-items: baseline; justify-content: center; gap: 2px; }
.td-stat-num {
  font-family: 'Playfair Display', serif;
  font-size: 26px; font-weight: 900; color: #fff;
}
.td-stat-plus { font-size: 15px; font-weight: 700; color: #c084fc; }
.td-stat-label { font-size: 11.5px; color: rgba(148,163,184,.7); font-weight: 500; display: block; margin-top: 1px; }
.td-stat-divider { width: 1px; height: 32px; background: rgba(255,255,255,.1); }

/* Search Bar */
.td-search-wrap {
  max-width: 560px; margin: 0 auto;
  animation: tdFadeUp .8s ease .4s both;
}
.td-search-bar {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px; padding: 16px 22px;
  transition: all .35s cubic-bezier(.25,.8,.25,1);
  box-shadow: 0 8px 32px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
}
.td-search-bar:focus-within {
  border-color: rgba(168,85,247,.5);
  box-shadow: 0 8px 40px rgba(168,85,247,.15), 0 0 0 1px rgba(168,85,247,.2), inset 0 1px 0 rgba(255,255,255,.08);
}
.td-search-bar svg { color: rgba(148,163,184,.6); flex-shrink: 0; }
.td-search-bar input {
  flex: 1; border: none; outline: none; background: transparent;
  font-size: 15px; color: #fff; font-family: inherit;
}
.td-search-bar input::placeholder { color: rgba(148,163,184,.5); }

/* Wave */
.td-hero-wave { position: absolute; bottom: -1px; left: 0; right: 0; line-height: 0; z-index: 3; }
.td-hero-wave svg { width: 100%; height: 60px; }

/* Fade Animation */
@keyframes tdFadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ─── Content Search Bar ─── */
.td-content-search{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:12px 20px;margin-bottom:24px;transition:border-color .3s,box-shadow .3s}
.td-content-search:focus-within{border-color:#a855f7;box-shadow:0 0 0 4px rgba(168,85,247,.1)}
.td-content-search svg{flex-shrink:0;color:#64748b}
.td-content-search input{border:none;outline:none;flex:1;font-size:.95rem;color:#1e293b;background:transparent}
.td-content-search input::placeholder{color:#64748b}

/* ─── Category Nav Cards ─── */
.td-cat-nav{padding:10px 0 40px}
.td-cat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.td-cat-pill{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 14px;border-radius:16px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;position:relative;overflow:hidden}
.td-cat-pill::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.05),rgba(236,72,153,.03));opacity:0;transition:opacity .3s}
.td-cat-pill:hover::before{opacity:1}
.td-cat-pill:hover{border-color:#c084fc;transform:translateY(-4px);box-shadow:0 8px 24px rgba(168,85,247,.1)}
.td-cat-pill.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:transparent;box-shadow:0 8px 24px rgba(168,85,247,.3)}
.td-cat-pill.active::before{display:none}
.td-pill-icon{font-size:28px;line-height:1;transition:transform .3s}
.td-cat-pill:hover .td-pill-icon{transform:scale(1.15)}
.td-pill-name{font-size:.8rem;font-weight:600;color:#334155;line-height:1.3;position:relative}
.td-cat-pill.active .td-pill-name{color:#fff}
.td-pill-count{font-size:.7rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:100px;position:relative}
.td-cat-pill.active .td-pill-count{background:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}

/* ─── Main Categories Section ─── */
.td-main{padding:0 0 60px}

/* Section Card */
.td-sec{display:flex;border-radius:20px;overflow:hidden;border:1.5px solid #e8ecf2;background:#fff;margin-bottom:20px;opacity:0;transform:translateY(24px);transition:all .55s cubic-bezier(.4,0,.2,1) var(--delay,0s)}
.td-sec.visible{opacity:1;transform:translateY(0)}
.td-sec:hover{border-color:color-mix(in srgb,var(--c) 30%,#e2e8f0);box-shadow:0 12px 40px color-mix(in srgb,var(--c) 8%,rgba(0,0,0,.06))}

/* Side Panel */
.td-sec-side{width:180px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 8%,#fafbff),color-mix(in srgb,var(--c) 3%,#fff));border-right:1.5px solid color-mix(in srgb,var(--c) 10%,#f1f5f9);text-align:center}
.td-sec-icon{font-size:32px;line-height:1;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--c) 25%,transparent))}
.td-sec-name{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:#1e293b;line-height:1.3;margin:0}
.td-sec-count{font-size:.72rem;font-weight:600;color:var(--c);opacity:.8}

/* Body – clean list */
.td-sec-body{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px 12px}

/* Treatment Link */
.td-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;text-decoration:none;color:#475569;font-size:.84rem;font-weight:500;transition:all .18s ease}
.td-link:hover{background:color-mix(in srgb,var(--c) 5%,#f8fafc);color:color-mix(in srgb,var(--c) 80%,#1e293b)}
.td-link-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1;flex-shrink:0;transition:all .2s}
.td-link:hover .td-link-dot{background:var(--c);box-shadow:0 0 6px color-mix(in srgb,var(--c) 40%,transparent);transform:scale(1.4)}
.td-link-txt{flex:1;line-height:1.35}
.td-link-go{flex-shrink:0;opacity:0;transform:translateX(-4px);color:#64748b;transition:all .2s}
.td-link:hover .td-link-go{opacity:1;transform:translateX(0);color:var(--c)}

/* ─── No Result ─── */
.td-no-result{text-align:center;padding:60px 20px}
.td-no-icon{font-size:3rem;margin-bottom:16px}
.td-no-result p{color:#64748b;font-size:1.1rem}

/* ─── CTA ─── */
.td-cta{padding:0 0 80px}
.td-cta-card{background:linear-gradient(135deg,#1e0a3c 0%,#3b0764 50%,#581c87 100%);border-radius:24px;padding:60px;position:relative;overflow:hidden;text-align:center}
.td-cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(150px);background:rgba(168,85,247,.2);top:-150px;left:50%;transform:translateX(-50%);pointer-events:none}
.td-cta-content{position:relative;z-index:2;max-width:560px;margin:0 auto}
.td-cta-content h2{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;color:#fff;margin-bottom:14px;line-height:1.2}
.td-cta-content p{font-size:16px;color:rgba(203,213,225,.8);line-height:1.7;margin-bottom:32px}
.td-cta-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.td-cta-btn-w{padding:14px 32px;border-radius:14px;background:#fff;color:#7c3aed;font-weight:700;font-size:15px;transition:all .3s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.2)}
.td-cta-btn-w:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.td-cta-btn-o{padding:14px 32px;border-radius:14px;background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.2);font-weight:600;font-size:15px;transition:all .3s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;backdrop-filter:blur(8px)}
.td-cta-btn-o:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);transform:translateY(-3px)}
.td-cta-floats{position:absolute;inset:0;z-index:1;pointer-events:none}
.td-cta-fbx{position:absolute;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 22px;display:flex;align-items:center;gap:12px;color:#fff;animation:tdCtaFloat 7s ease-in-out infinite}
.td-cta-fbx-1{top:16%;left:5%}
.td-cta-fbx-2{bottom:16%;right:5%;animation-delay:-3.5s}
@keyframes tdCtaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.td-cta-fbx span{font-size:28px}
.td-cta-fbx strong{display:block;font-size:20px;font-weight:800;line-height:1.2}
.td-cta-fbx small{font-size:11px;opacity:.6}

/* ─── Responsive ─── */
@media(max-width:1024px){
  .td-sec-side{width:150px;padding:22px 12px}
  .td-sec-icon{font-size:28px}
  .td-sec-name{font-size:.92rem}
  .td-sec-body{grid-template-columns:repeat(2,1fr)}
  .td-cat-row{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:768px){
  .td-hero { padding-top: calc(var(--nav-h) + 40px); padding-bottom: 80px; min-height: auto; }
  .td-hero-title { font-size: clamp(28px, 7vw, 42px); }
  .td-hero-desc { font-size: 15px; }
  .td-hero-stats { flex-wrap: wrap; gap: 0; margin-top: 16px; justify-content: space-around; }
  .td-stat-divider { display: none; }
  .td-stat { padding: 0 10px; }
  .td-stat-num { font-size: 20px; }
  .td-stat-label { font-size: 10px; }
  .td-stat-plus { font-size: 12px; }
  .td-sec{flex-direction:column}
  .td-sec-side{width:100%;flex-direction:row;padding:16px 20px;border-right:none;border-bottom:1.5px solid color-mix(in srgb,var(--c) 10%,#f1f5f9);gap:12px;justify-content:flex-start}
  .td-sec-icon{font-size:24px}
  .td-sec-name{font-size:.9rem;text-align:left}
  .td-sec-count{margin-left:auto}
  .td-sec-body{padding:8px;grid-template-columns:repeat(2,1fr)}
  .td-link{padding:9px 12px;font-size:.8rem;gap:8px}
  .td-cat-row{grid-template-columns:repeat(3,1fr);gap:8px}
  .td-cat-pill{padding:14px 6px 10px}
  .td-pill-icon{font-size:24px}
  .td-pill-name{font-size:.72rem}
  .td-cta-card{padding:48px 32px}
  .td-cta-fbx{display:none}
}
@media(max-width:640px){
  .td-sec-body{grid-template-columns:1fr}
  .td-cat-row{grid-template-columns:repeat(2,1fr);gap:6px}
  .td-cat-pill{padding:12px 6px 8px}
  .td-pill-icon{font-size:22px}
  .td-pill-name{font-size:.7rem}
}
@media(max-width:480px){
  .td-hero-stats { gap: 0; }
  .td-stat { padding: 0 8px; }
  .td-stat-num { font-size: 18px; }
  .td-sec{border-radius:14px}
  .td-sec-side{padding:12px 16px;gap:10px}
  .td-sec-icon{font-size:20px}
  .td-sec-name{font-size:.82rem}
  .td-sec-body{padding:6px;grid-template-columns:1fr}
  .td-link{padding:8px 10px;font-size:.78rem;gap:7px}
  .td-items-grid{grid-template-columns:1fr}
  .td-hero-desc{font-size:.95rem}
  .td-cat-row{grid-template-columns:repeat(2,1fr);gap:6px}
  .td-cat-pill{padding:12px 4px 8px;border-radius:12px}
  .td-pill-icon{font-size:20px}
  .td-pill-name{font-size:.68rem}
  .td-pill-count{font-size:.62rem;padding:1px 6px}
  .td-cta-card{padding:36px 20px;border-radius:20px}
}

/* ===== HERO PURPLE THEME OVERRIDE ===== */
.fl-hero.hero-tedaviler {
  background: linear-gradient(160deg, #020617 0%, #1e0a3c 30%, #150826 60%, #020617 100%);
}
.hero-tedaviler .fl-hero-gradient {
  background:
    radial-gradient(ellipse 60% 50% at 25% 50%, rgba(168,85,247,.15), transparent),
    radial-gradient(ellipse 50% 40% at 75% 30%, rgba(236,72,153,.08), transparent);
}
.hero-tedaviler .fl-hero-mesh {
  background-image:
    linear-gradient(rgba(168,85,247,.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168,85,247,.4) 1px, transparent 1px);
}
.hero-tedaviler .fl-hero-orb.fl-orb-1 { background: rgba(168,85,247,.12); }
.hero-tedaviler .fl-hero-orb.fl-orb-2 { background: rgba(236,72,153,.1); }
.hero-tedaviler .fl-hero-orb.fl-orb-3 { background: rgba(124,58,237,.08); }
.hero-tedaviler .fl-hero-badge { background: rgba(168,85,247,.12); border-color: rgba(168,85,247,.25); color: rgba(216,180,254,1); }
.hero-tedaviler .fl-badge-dot { background: #a855f7; box-shadow: 0 0 8px rgba(168,85,247,.6); }
.hero-tedaviler .fl-gradient-text {
  background: linear-gradient(135deg, #c084fc, #ec4899, #c084fc);
  background-size: 200% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-tedaviler .fl-hero-inner .platform-label::before {
  background: linear-gradient(90deg, transparent, rgba(168,85,247,.5));
}
.hero-tedaviler .fl-hero-inner .platform-label::after {
  background: linear-gradient(90deg, rgba(168,85,247,.5), transparent);
}
.hero-tedaviler .fl-search-bar:focus-within {
  border-color: rgba(168,85,247,.5);
  box-shadow: 0 8px 40px rgba(168,85,247,.15), 0 0 0 1px rgba(168,85,247,.2), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-tedaviler .fl-stat-plus { color: #c084fc; }
.hero-tedaviler .fl-search-btn {
  background: linear-gradient(135deg, #a855f7, #ec4899);
}
.hero-tedaviler .fl-search-btn:hover {
  background: linear-gradient(135deg, #9333ea, #db2777);
}

/* FAQ accent override for tedaviler (purple) */
.hero-tedaviler ~ .sh-faq-section .sh-faq-item:hover,
.hero-tedaviler ~ .sh-faq-section .sh-faq-item.open { border-color: #a855f7; box-shadow: 0 2px 12px rgba(168,85,247,.1); }
.hero-tedaviler ~ .sh-faq-section .sh-faq-item.open .sh-faq-q svg { color: #a855f7; }