/* ===== CALLVISION ÜRÜN SAYFALARI — Uzay Çağı Tema ===== */
/* Her ürün kendi teması ile farklı renk, gradient ve animasyon kullanır */

.page-product {
  --product-radius: 0px;
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(255, 255, 255, 0.12);
  --font-head: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  min-height: 100vh;
  background: #050810;
  color: #e2e8f0;
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ----- Ortak Hero ----- */
.product-hero-outer {
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  padding: 120px 0 80px;
  overflow: hidden;
}

.product-hero-outer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(ellipse 120% 80% at 50% -20%, var(--theme-glow) 0%, transparent 50%),
    radial-gradient(ellipse 80% 60% at 80% 50%, var(--theme-glow-2) 0%, transparent 45%),
    var(--theme-bg);
  opacity: 0.95;
  z-index: 0;
}

.product-hero-outer::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

.product-hero {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 28px;
}

@media (max-width: 900px) {
  .product-hero { grid-template-columns: 1fr; text-align: center; }
  .product-hero .product-hero-image-wrap { order: -1; }
}

.product-hero-content h1 {
  font-family: var(--font-head);
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #fff 0%, var(--theme-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: productTitleIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.product-hero-content .product-subtitle {
  font-size: 1.15rem;
  color: var(--theme-accent);
  margin-bottom: 24px;
  opacity: 0;
  animation: productSubtitleIn 0.7s 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.product-hero-content .product-lead {
  font-size: 1.05rem;
  color: #94a3b8;
  max-width: 520px;
  line-height: 1.7;
  opacity: 0;
  animation: productLeadIn 0.8s 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* Demo panelleri (ürün bazlı) */
.product-time-demo {
  display: none;
  margin-top: 28px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: radial-gradient(circle at top left, rgba(15,23,42,0.85), rgba(15,23,42,0.95));
  display: none;
}

.page-product[data-theme="ip-saat"] .product-time-demo {
  display: block;
}

.product-or-panel,
.product-nurse-panel {
  display: none;
  margin-top: 24px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: radial-gradient(circle at top left, rgba(15,23,42,0.9), rgba(15,23,42,0.98));
}

.page-product[data-theme="ameliyathane"] .product-or-panel {
  display: block;
}

.page-product[data-theme="hemsire-cagri"] .product-nurse-panel {
  display: block;
}

.or-panel-header,
.nurse-panel-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
}

.or-panel-title,
.nurse-panel-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #e5e7eb;
}

.or-panel-sub,
.nurse-panel-sub {
  font-size: 0.8rem;
  color: #64748b;
}

.or-panel-grid,
.nurse-panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.or-tile,
.nurse-tile {
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,0.5);
  background: rgba(15,23,42,0.95);
  color: #e5e7eb;
  text-align: left;
  padding: 8px 10px;
  font-size: 0.8rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.or-tile-desc,
.nurse-tile-desc {
  font-size: 0.75rem;
  color: #9ca3af;
}

.or-status-dot {
  margin-top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 10px rgba(34,197,94,0.8);
}

.or-status-critical {
  background: #f97316;
  box-shadow: 0 0 10px rgba(248,113,113,0.9);
}

.nurse-tile {
  position: relative;
}

.nurse-tile::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  opacity: 0;
  pointer-events: none;
}

.nurse-tile.active::after {
  border-color: rgba(45,212,191,0.9);
  opacity: 1;
}

.time-demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 12px;
}

.time-box {
  flex: 1 1 160px;
  min-width: 0;
  background: rgba(15,23,42,0.75);
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.5);
}

.time-label {
  display: block;
  font-size: 0.8rem;
  color: #64748b;
  margin-bottom: 4px;
}

.time-value {
  font-family: 'DM Sans', monospace;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  color: #e5e7eb;
}

.time-controls {
  margin-top: 6px;
  display: flex;
  gap: 6px;
}

.time-btn {
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.6);
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 4px 10px;
  cursor: pointer;
}

.time-btn-secondary {
  opacity: 0.85;
}

.time-btn:hover {
  border-color: var(--theme-accent);
}

.alert-btn {
  margin-top: 4px;
  border-radius: 999px;
  border: 1px solid rgba(248,250,252,0.35);
  background: radial-gradient(circle at left, rgba(248,250,252,0.18), rgba(15,23,42,0.95));
  color: #fefce8;
  font-size: 0.8rem;
  padding: 6px 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.alert-btn::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #facc15;
  box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.14);
}

.alert-btn:hover {
  border-color: #facc15;
}

/* ----- Hero aksiyon butonları (Teklif Al, Katalog, İletişim) ----- */
.product-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
  opacity: 0;
  animation: productLeadIn 0.7s 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.product-hero-actions .btn-product-action {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  border-radius: 14px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease, border-color 0.2s;
}

.product-hero-actions .btn-teklif {
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  color: #0a0f1a;
  border-color: transparent;
}

.product-hero-actions .btn-teklif:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -8px var(--theme-glow);
}

.product-hero-actions .btn-outline {
  background: var(--glass-bg);
  color: var(--theme-accent);
  border-color: rgba(255,255,255,0.2);
  backdrop-filter: blur(12px);
}

.product-hero-actions .btn-outline:hover {
  border-color: var(--theme-accent);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -8px var(--theme-glow);
}

.product-hero-actions .btn-ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
}

.product-hero-actions .btn-ripple.active {
  animation: btnRipple 0.6s ease-out;
}

@keyframes btnRipple {
  to {
    transform: translate(-50%, -50%) scale(15);
    opacity: 0;
  }
}

@media (max-width: 900px) {
  .product-hero-actions { justify-content: center; }
}

.product-hero-image-wrap {
  position: relative;
  opacity: 0;
  animation: productImageIn 1s 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.product-hero-image-wrap::before {
  content: '';
  position: absolute;
  inset: -20px;
  background: var(--theme-glow);
  filter: blur(60px);
  opacity: 0.4;
  border-radius: 50%;
  z-index: -1;
}

.product-hero-image-wrap img {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: var(--product-radius);
  border: 1px solid var(--glass-border);
  box-shadow: 0 25px 60px -20px rgba(0,0,0,0.5);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}

/* Ürün görseli etkileşim: tıkla = öne çıkar (spotlight) */
.product-hero-image-wrap.product-image-interactive {
  cursor: pointer;
  outline: none;
}

.product-hero-image-wrap.product-image-interactive:hover img {
  transform: scale(1.03);
  box-shadow: 0 30px 60px -15px var(--theme-glow);
}

.product-hero-image-wrap.product-image-interactive.spotlight img {
  transform: scale(1.08);
  box-shadow: 0 0 0 3px var(--theme-accent), 0 35px 70px -15px var(--theme-glow);
}

.product-hero-image-wrap.product-image-interactive.spotlight::before {
  opacity: 0.7;
  animation: glowFloat 2s ease-in-out infinite;
}

.product-image-hint {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: var(--text-muted);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  white-space: nowrap;
}

.product-hero-image-wrap.product-image-interactive:hover .product-image-hint,
.product-hero-image-wrap.product-image-interactive.spotlight .product-image-hint {
  opacity: 1;
}

.product-hero-image-wrap .product-hero-image {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: var(--product-radius);
  border: 1px solid var(--glass-border);
  box-shadow: 0 25px 60px -20px rgba(0,0,0,0.5);
}

.product-hero-image-wrap .no-image-placeholder {
  width: 100%;
  max-width: 480px;
  aspect-ratio: 4/3;
  border-radius: var(--product-radius);
  border: 1px dashed var(--glass-border);
  background: rgba(255,255,255,0.03);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 0.95rem;
}

@keyframes productTitleIn {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes productSubtitleIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes productLeadIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes productImageIn {
  from { opacity: 0; transform: scale(0.95) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

/* ----- Breadcrumb ----- */
.product-breadcrumb {
  position: relative;
  z-index: 2;
  padding: 100px 28px 0;
  max-width: 1200px;
  margin: 0 auto 24px;
}

.product-breadcrumb a {
  color: #334155;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.2s;
}

.product-breadcrumb a:hover { color: var(--theme-accent); }

.product-breadcrumb span { color: #334155; margin: 0 8px; }

/* ----- Back link ----- */
.product-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  text-decoration: none;
  font-size: 0.95rem;
  margin-bottom: 28px;
  transition: color 0.2s;
  opacity: 0;
  animation: productLeadIn 0.5s 0.1s forwards;
}

.product-back-link:hover { color: var(--theme-accent); }

/* ----- Bölüm: Özellikler (glass kartlar) ----- */
.product-section {
  position: relative;
  z-index: 1;
  padding: 60px 28px 80px;
  max-width: 1200px;
  margin: 0 auto;
}

.product-section h2 {
  font-family: var(--font-head);
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 32px;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 12px;
  animation: featureTitleIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.product-section h2::before {
  content: '';
  width: 4px;
  height: 28px;
  background: linear-gradient(180deg, var(--theme-accent), transparent);
  border-radius: 2px;
  animation: featureBarIn 0.5s 0.15s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

@keyframes featureTitleIn {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes featureBarIn {
  from { opacity: 0; transform: scaleY(0); transform-origin: top; }
  to { opacity: 1; transform: scaleY(1); }
}

.product-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.product-feature-card {
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 20px;
  padding: 28px;
  transition: opacity 0.5s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.3s ease;
}

.product-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 48px -16px var(--theme-glow);
  border-color: rgba(255,255,255,0.22);
}

.product-feature-card:hover .icon {
  transform: scale(1.08);
}

.product-feature-card .icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: featureIconBreathe 4s ease-in-out infinite;
}

/* Tema özel icon animasyonu olanlarda breathe'ı ezmek için */
.page-product[data-theme="esya-takip"] .product-feature-card .icon,
.page-product[data-theme="personel-takip"] .product-feature-card .icon,
.page-product[data-theme="hemsire-cagri"] .product-feature-card .icon,
.page-product[data-theme="camasirhane"] .product-feature-card .icon {
  animation: none;
}

.product-feature-card h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 8px;
}

.product-feature-card p {
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.6;
  transition: color 0.25s ease;
}

.product-feature-card:hover p {
  color: #1e293b;
}

@keyframes featureIconBreathe {
  0%, 100% { box-shadow: 0 4px 12px -2px var(--theme-glow); }
  50% { box-shadow: 0 6px 20px -2px var(--theme-glow); }
}

/* ----- Açıklama bölümü ----- */
.product-description-block {
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 24px;
  padding: 48px;
  margin-bottom: 48px;
}

.product-description-block .lead {
  font-size: 1.2rem;
  color: #0f172a;
  line-height: 1.7;
  margin-bottom: 24px;
}

.product-description-block .description {
  color: #475569;
  line-height: 1.8;
}

.product-description-block .description p { margin-bottom: 16px; }

/* ----- Sidebar kart ----- */
.product-sidebar .card {
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 24px;
  padding: 36px;
  position: sticky;
  top: 100px;
}

.product-sidebar .card h4 {
  font-size: 1.1rem;
  color: #0f172a;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--glass-border);
}

.product-sidebar .feature-list {
  list-style: none;
}

.product-sidebar .feature-list li {
  padding: 12px 0;
  padding-left: 24px;
  position: relative;
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.5;
}

.product-sidebar .feature-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--theme-accent);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--theme-accent);
}

.product-sidebar .btn-catalog {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 24px;
  padding: 16px 24px;
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  color: #0a0f1a;
  font-weight: 700;
  text-decoration: none;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.product-sidebar .btn-catalog:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px -10px var(--theme-glow);
}

/* ----- CTA bölümü ----- */
.product-cta {
  text-align: center;
  padding: 60px 28px;
}

.product-cta .btn-primary {
  display: inline-block;
  padding: 18px 40px;
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  color: #0a0f1a;
  font-weight: 700;
  text-decoration: none;
  border-radius: 14px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.product-cta .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px -10px var(--theme-glow);
}

/* ========== TEMA 1: Acil Kod — Kırmızı / alarm ========== */
.page-product[data-theme="acil-kod"] {
  --theme-accent: #ef4444;
  --theme-accent-2: #f87171;
  --theme-glow: rgba(239, 68, 68, 0.35);
  --theme-glow-2: rgba(248, 113, 113, 0.2);
  --theme-bg: linear-gradient(180deg, #0c0a0a 0%, #1a0a0a 50%, #050810 100%);
}

.page-product[data-theme="acil-kod"] .product-hero-outer::after {
  animation: gridPulse 3s ease-in-out infinite;
}

@keyframes gridPulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

/* ========== TEMA 2: Acil Servis — Cyan / konsültasyon ========== */
.page-product[data-theme="acil-servis"] {
  --theme-accent: #06b6d4;
  --theme-accent-2: #22d3ee;
  --theme-glow: rgba(6, 182, 212, 0.4);
  --theme-glow-2: rgba(34, 211, 238, 0.2);
  --theme-bg: linear-gradient(180deg, #052025 0%, #0a1628 50%, #050810 100%);
}

.page-product[data-theme="acil-servis"] .product-hero-image-wrap::before {
  animation: glowFloat 4s ease-in-out infinite;
}

@keyframes glowFloat {
  0%, 100% { transform: scale(1); opacity: 0.3; }
  50% { transform: scale(1.1); opacity: 0.5; }
}

/* Acil Servis: özellik kartlarında çağrı akışı efekti + ikon ping */
.page-product[data-theme="acil-servis"] .product-feature-card {
  position: relative;
  overflow: hidden;
}

.page-product[data-theme="acil-servis"] .product-feature-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,0), rgba(34,211,238,0.18), rgba(255,255,255,0));
  transform: translateX(-120%);
  opacity: 0;
  pointer-events: none;
}

.page-product[data-theme="acil-servis"] .product-feature-card:hover::before {
  opacity: 1;
  animation: consultSweep 0.8s ease-out forwards;
}

@keyframes consultSweep {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

.page-product[data-theme="acil-servis"] .product-feature-card .icon {
  animation: consultPing 2.8s ease-in-out infinite;
}

@keyframes consultPing {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(34,211,238,0.55); }
  50% { transform: scale(1.06); box-shadow: 0 0 0 12px rgba(34,211,238,0); }
}

/* ========== TEMA 3: Hemşire Çağrı — Yeşil / sakin ========== */
.page-product[data-theme="hemsire-cagri"] {
  --theme-accent: #10b981;
  --theme-accent-2: #34d399;
  --theme-glow: rgba(16, 185, 129, 0.35);
  --theme-glow-2: rgba(52, 211, 153, 0.15);
  --theme-bg: linear-gradient(180deg, #051a12 0%, #0a1a18 50%, #050810 100%);
}

.page-product[data-theme="hemsire-cagri"] .product-feature-card .icon {
  animation: iconPulse 2.5s ease-in-out infinite;
}

@keyframes iconPulse {
  0%, 100% { box-shadow: 0 0 0 0 var(--theme-accent); }
  50% { box-shadow: 0 0 0 12px transparent; }
}

/* Hemşire çağrı: hover'da zil / çağrı hissi (hafif sallanma) */
.page-product[data-theme="hemsire-cagri"] .product-feature-card:hover .icon {
  animation: iconPulse 2.5s ease-in-out infinite, nurseBell 0.45s ease;
}

@keyframes nurseBell {
  0% { transform: rotate(0deg) translateX(0); }
  20% { transform: rotate(-4deg) translateX(-1px); }
  40% { transform: rotate(4deg) translateX(1px); }
  60% { transform: rotate(-3deg) translateX(-0.5px); }
  80% { transform: rotate(3deg) translateX(0.5px); }
  100% { transform: rotate(0deg) translateX(0); }
}

/* Hemşire çağrı: hero görselinde hafif nabız (destek çağrısı hissi) */
.page-product[data-theme="hemsire-cagri"] .product-hero-image-wrap::before {
  animation: nurseGlow 4s ease-in-out infinite;
}

@keyframes nurseGlow {
  0%, 100% { opacity: 0.25; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(1.05); }
}

/* Hemşire Çağrı — Yatak başı, el seti ve banyo/WC üniteleri */
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-units {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-units::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(16,185,129,0.9), transparent);
  transform: translateX(-120%);
  opacity: 0;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-units.active::after {
  opacity: 1;
  animation: nurseBedSweep 0.7s ease-out;
}
@keyframes nurseBedSweep {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

/* Hemşire Çağrı — Oda kontrol paneli ve hemşire bilgilendirme ekranı */
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-panel {
  position: relative;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-panel::after {
  content: '';
  position: absolute;
  inset: 10px 10px auto auto;
  width: 42px;
  height: 22px;
  border-radius: 6px;
  background: radial-gradient(circle at top, rgba(34,197,94,0.9), rgba(6,78,59,1));
  box-shadow: 0 0 12px rgba(34,197,94,0.7);
  opacity: 0;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-panel.active::after {
  opacity: 1;
}

/* Hemşire Çağrı — Kapı üstü uyarı lambası */
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-door {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-door::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 10px;
  width: 26px;
  height: 12px;
  border-radius: 999px;
  background: rgba(248,113,113,0.26);
  box-shadow: 0 0 0 0 rgba(248,113,113,0.8);
  opacity: 0.6;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-door.flash::before {
  animation: nurseDoorFlash 0.7s ease-out;
}
@keyframes nurseDoorFlash {
  0% { box-shadow: 0 0 0 0 rgba(248,113,113,0.9); background: rgba(248,113,113,0.9); }
  100% { box-shadow: 0 0 0 18px rgba(248,113,113,0); background: rgba(248,113,113,0.26); }
}

/* Hemşire Çağrı — Pager ve DECT entegrasyonu */
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-pager {
  position: relative;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-pager::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 18px;
  width: 32px;
  height: 18px;
  border-radius: 999px;
  border: 1px dashed rgba(34,197,94,0.5);
  opacity: 0.7;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-pager.active::after {
  animation: nursePagerPing 1.2s ease-out;
}
@keyframes nursePagerPing {
  0% { transform: scale(0.8); opacity: 0.9; }
  100% { transform: scale(1.3); opacity: 0; }
}

/* Hemşire Çağrı — Acil kod ve konsültasyon çağrısı */
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-codes {
  cursor: pointer;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-codes.pulse {
  box-shadow: 0 0 0 1px rgba(16,185,129,0.9), 0 0 24px -4px rgba(22,163,74,0.9);
}

/* Hemşire Çağrı — Performans ve servis raporları */
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-reports {
  position: relative;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-reports .report-bars {
  display: none;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-reports:hover .report-bars {
  display: inline-flex;
  gap: 3px;
  margin-left: 8px;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-reports .report-bars span {
  width: 3px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(to top, #22c55e, #bbf7d0);
  animation: nurseReportEq 1s ease-in-out infinite;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-reports .report-bars span:nth-child(2) {
  animation-delay: 0.1s;
}
.page-product[data-theme="hemsire-cagri"] .product-feature-card.nurse-feature-reports .report-bars span:nth-child(3) {
  animation-delay: 0.2s;
}
@keyframes nurseReportEq {
  0%, 100% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
}

.page-product[data-theme="hemsire-cagri"] .product-description-block {
  position: relative;
  overflow: hidden;
}

.page-product[data-theme="hemsire-cagri"] .product-description-block::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 220px;
  height: 220px;
  background:
    radial-gradient(circle, rgba(16, 185, 129, 0.18) 0%, rgba(16, 185, 129, 0) 72%);
  pointer-events: none;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-section {
  position: relative;
  margin-top: 28px;
  padding: 30px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(10, 16, 28, 0.9) 0%, rgba(5, 10, 22, 0.98) 100%);
  box-shadow: 0 24px 56px rgba(2, 8, 23, 0.26);
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-section--overview {
  padding-top: 34px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-heading {
  max-width: 860px;
  margin-bottom: 22px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-heading h3 {
  margin: 0 0 10px;
  color: #f8fafc;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.18;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-heading p,
.page-product[data-theme="hemsire-cagri"] .nurse-info-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-unit-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-integration-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-video-copy p {
  margin: 0;
  color: rgba(226, 232, 240, 0.84);
  line-height: 1.72;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-unit-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-gallery-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-integration-grid {
  display: grid;
  gap: 18px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: stretch;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-visual,
.page-product[data-theme="hemsire-cagri"] .nurse-info-card,
.page-product[data-theme="hemsire-cagri"] .nurse-unit-card,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-card,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card,
.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card,
.page-product[data-theme="hemsire-cagri"] .nurse-integration-card,
.page-product[data-theme="hemsire-cagri"] .nurse-video-card,
.page-product[data-theme="hemsire-cagri"] .nurse-slider-item {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 24px;
  background: rgba(15, 23, 42, 0.64);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-visual {
  min-height: 100%;
  overflow: hidden;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-visual img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-copy {
  display: grid;
  gap: 16px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-info-card,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-card,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card,
.page-product[data-theme="hemsire-cagri"] .nurse-integration-card {
  padding: 22px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-unit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-product[data-theme="hemsire-cagri"] .nurse-unit-card,
.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card {
  overflow: hidden;
}

.page-product[data-theme="hemsire-cagri"] .nurse-unit-card {
  padding: 20px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-unit-card img,
.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card img,
.page-product[data-theme="hemsire-cagri"] .nurse-slider-item img {
  display: block;
  width: 100%;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(226, 232, 240, 0.94));
}

.page-product[data-theme="hemsire-cagri"] .nurse-unit-card img {
  height: 240px;
  object-fit: contain;
  padding: 14px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-chip {
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(52, 211, 153, 0.12);
  color: #bbf7d0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-product[data-theme="hemsire-cagri"] .nurse-info-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-unit-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-integration-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-video-copy h4 {
  margin: 0 0 10px;
  color: #f8fafc;
  font-size: 1.05rem;
}

.page-product[data-theme="hemsire-cagri"] .nurse-unit-card h4 {
  margin-top: 14px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-integration-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card {
  padding: 18px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card img {
  height: 220px;
  object-fit: contain;
  padding: 12px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card--cover img,
.page-product[data-theme="hemsire-cagri"] .nurse-slider-item--cover img {
  object-fit: cover;
  padding: 0;
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card figcaption,
.page-product[data-theme="hemsire-cagri"] .nurse-slider-item figcaption {
  margin-top: 14px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card strong,
.page-product[data-theme="hemsire-cagri"] .nurse-slider-item strong {
  display: block;
  margin-bottom: 6px;
  color: #f8fafc;
  font-size: 0.98rem;
}

.page-product[data-theme="hemsire-cagri"] .nurse-gallery-card span,
.page-product[data-theme="hemsire-cagri"] .nurse-slider-item span {
  color: rgba(226, 232, 240, 0.82);
  line-height: 1.62;
}

.page-product[data-theme="hemsire-cagri"] .nurse-media-slider {
  position: relative;
  padding: 0 62px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(290px, 34%);
  gap: 18px;
  overflow-x: auto;
  padding: 6px 2px 10px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-track::-webkit-scrollbar {
  display: none;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-item {
  padding: 18px;
  scroll-snap-align: start;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-item img {
  height: 260px;
  object-fit: contain;
  padding: 12px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.9);
  color: #f8fafc;
  font-size: 1.2rem;
  cursor: pointer;
  box-shadow: 0 18px 34px rgba(2, 8, 23, 0.28);
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-nav:hover:not(:disabled) {
  background: rgba(16, 185, 129, 0.92);
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-nav--prev {
  left: 0;
}

.page-product[data-theme="hemsire-cagri"] .nurse-slider-nav--next {
  right: 0;
}

.page-product[data-theme="hemsire-cagri"] .nurse-video-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 20px;
  padding: 20px;
  align-items: center;
}

.page-product[data-theme="hemsire-cagri"] .nurse-video-card video {
  width: 100%;
  border-radius: 20px;
  background: #020617;
}

.page-product[data-theme="hemsire-cagri"] .nurse-video-copy {
  padding: 6px 4px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-inline-link {
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  color: #6ee7b7;
  font-weight: 700;
  text-decoration: none;
}

.page-product[data-theme="hemsire-cagri"] .nurse-inline-link:hover {
  color: #a7f3d0;
}

@media (max-width: 1180px) {
  .page-product[data-theme="hemsire-cagri"] .nurse-overview-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-unit-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-gallery-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-integration-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-video-card {
    grid-template-columns: 1fr 1fr;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-unit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .page-product[data-theme="hemsire-cagri"] .nurse-detail-section {
    padding: 22px;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-overview-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-unit-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-gallery-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-integration-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-video-card {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-media-slider {
    padding: 0;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-slider-track {
    grid-auto-columns: minmax(260px, 85%);
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-slider-nav {
    display: none;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-overview-visual img,
  .page-product[data-theme="hemsire-cagri"] .nurse-slider-item img,
  .page-product[data-theme="hemsire-cagri"] .nurse-gallery-card img,
  .page-product[data-theme="hemsire-cagri"] .nurse-unit-card img {
    height: auto;
    min-height: 0;
  }
}

/* ========== TEMA 4: Ameliyathane — Beyaz / steril ========== */
.page-product[data-theme="ameliyathane"] {
  --theme-accent: #e2e8f0;
  --theme-accent-2: #f1f5f9;
  --theme-accent-strong: #334155;
  --theme-glow: rgba(226, 232, 240, 0.25);
  --theme-glow-2: rgba(241, 245, 249, 0.1);
  --theme-bg: linear-gradient(180deg, #0f1419 0%, #0d1117 50%, #050810 100%);
}

.page-product[data-theme="ameliyathane"] .feature-index {
  background: linear-gradient(135deg, rgba(51, 65, 85, 0.1), rgba(148, 163, 184, 0.22));
  color: var(--theme-accent-strong);
}

.page-product[data-theme="ameliyathane"] .system-overview-badge,
.page-product[data-theme="ameliyathane"] .system-chip {
  background: rgba(51, 65, 85, 0.1);
  color: var(--theme-accent-strong);
}

.page-product[data-theme="ameliyathane"] .btn-product-action.btn-teklif {
  background: linear-gradient(135deg, #334155, #64748b);
  color: #ffffff;
}

.page-product[data-theme="ameliyathane"] .btn-product-action.btn-outline {
  color: #334155;
  border-color: rgba(51, 65, 85, 0.18);
}

.page-product[data-theme="ameliyathane"] .product-hero-outer::after {
  background-size: 40px 40px;
  animation: orGridDrift 16s linear infinite;
}

@keyframes orGridDrift {
  0% { transform: translate3d(0, 0, 0); opacity: 0.7; }
  50% { transform: translate3d(-20px, -10px, 0); opacity: 1; }
  100% { transform: translate3d(0, 0, 0); opacity: 0.7; }
}

/* Ameliyathane: özellik kartlarında panel ışığı süzülmesi */
.page-product[data-theme="ameliyathane"] .product-feature-card {
  position: relative;
  overflow: hidden;
}

.page-product[data-theme="ameliyathane"] .product-feature-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(226,232,240,0.25), rgba(255,255,255,0.02));
  transform: translateX(-120%);
  opacity: 0;
  pointer-events: none;
}

.page-product[data-theme="ameliyathane"] .product-feature-card:hover::before {
  opacity: 1;
  animation: orPanelSweep 0.9s ease-out forwards;
}

@keyframes orPanelSweep {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

/* Ameliyathane — Aydınlatma ve operasyon lambası kontrolü */
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-lights {
  cursor: pointer;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-lights.active {
  box-shadow: 0 0 0 1px rgba(250,250,250,0.8), 0 0 32px -4px rgba(250,250,250,0.9);
  border-color: rgba(250,250,250,0.9);
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-lights::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(255,255,255,0.22), transparent 60%);
  opacity: 0;
  pointer-events: none;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-lights.active::after {
  opacity: 1;
  animation: orLightsPulse 1.4s ease-in-out infinite;
}
@keyframes orLightsPulse {
  0%, 100% { opacity: 0.25; }
  50% { opacity: 0.6; }
}

/* Ameliyathane — Medikal gaz izleme ve alarm */
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-gas {
  cursor: pointer;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-gas.active {
  border-color: rgba(248,113,113,0.9);
  box-shadow: 0 0 0 1px rgba(248,113,113,0.8), 0 0 26px -6px rgba(248,113,113,0.9);
  animation: orGasAlarm 0.5s ease-in-out;
}
@keyframes orGasAlarm {
  0% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  50% { transform: translateX(3px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}

/* Ameliyathane — Sıcaklık, nem, basınç takibi */
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-env {
  overflow: hidden;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-env::after {
  content: '';
  position: absolute;
  right: 14px;
  bottom: 10px;
  width: 6px;
  height: 60%;
  border-radius: 999px;
  background: linear-gradient(to top, #f97316, #fb923c, #22c55e);
  opacity: 0.2;
  transform-origin: bottom;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-env:hover::after {
  opacity: 0.85;
  animation: orEnvGauge 2.2s ease-in-out infinite;
}
@keyframes orEnvGauge {
  0% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
  100% { transform: scaleY(0.6); }
}

/* Ameliyathane — Sesli komut ile telefon */
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-voice {
  cursor: pointer;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-voice.pulse .icon {
  position: relative;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-voice.pulse .icon::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  border: 2px solid rgba(59,130,246,0.7);
  animation: orVoiceWave 0.6s ease-out;
}
@keyframes orVoiceWave {
  0% { opacity: 0.8; transform: scale(0.7); }
  100% { opacity: 0; transform: scale(1.3); }
}

/* Ameliyathane — Müzik dinleme özelliği */
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-music {
  cursor: pointer;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-music .music-bars {
  display: none;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-music.playing .music-bars {
  display: inline-flex;
  gap: 2px;
  margin-left: 8px;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-music.playing .music-bars span {
  width: 3px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(to top, #22c55e, #a3e635);
  animation: orMusicEq 0.6s ease-in-out infinite;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-music.playing .music-bars span:nth-child(2) {
  animation-delay: 0.1s;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-music.playing .music-bars span:nth-child(3) {
  animation-delay: 0.2s;
}
@keyframes orMusicEq {
  0%, 100% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
}

/* Ameliyathane — Hastane entegrasyonu */
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-integration {
  position: relative;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-integration::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,0.08), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(52,211,153,0.08), transparent 55%);
  opacity: 0;
  pointer-events: none;
}
.page-product[data-theme="ameliyathane"] .product-feature-card.or-feature-integration:hover::after {
  opacity: 1;
}

/* ========== TEMA 5: IP Saat — Amber / zaman ========== */
.page-product[data-theme="ip-saat"] {
  --theme-accent: #f59e0b;
  --theme-accent-2: #fbbf24;
  --theme-glow: rgba(245, 158, 11, 0.4);
  --theme-glow-2: rgba(251, 191, 36, 0.15);
  --theme-bg: linear-gradient(180deg, #1a1505 0%, #151210 50%, #050810 100%);
}

.page-product[data-theme="ip-saat"] .product-hero-content h1 {
  animation: productTitleIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards,
    timeGlow 3s ease-in-out 1s infinite;
}

@keyframes timeGlow {
  0%, 100% { filter: drop-shadow(0 0 20px transparent); }
  50% { filter: drop-shadow(0 0 30px var(--theme-glow)); }
}

/* IP Saat: uyarı anında hero'da güçlü görsel flash */
.page-product[data-theme="ip-saat"].time-alert-active .product-hero-outer::before {
  animation: timeAlertFlash 0.6s ease-out;
}

@keyframes timeAlertFlash {
  0% { opacity: 1; filter: brightness(1); }
  40% { opacity: 1; filter: brightness(1.6); }
  100% { opacity: 0.95; filter: brightness(1); }
}

/* IP Saat: özellik kartlarında kronometre halkası ve tick hissi */
.page-product[data-theme="ip-saat"] .product-feature-card {
  position: relative;
}

.page-product[data-theme="ip-saat"] .product-feature-card::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 22px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid rgba(245, 158, 11, 0.35);
  border-top-color: var(--theme-accent);
  opacity: 0.4;
  pointer-events: none;
  transform-origin: center;
  animation: chronoSweep 6s linear infinite;
}

@keyframes chronoSweep {
  0% { transform: rotate(0deg); opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { transform: rotate(360deg); opacity: 0.3; }
}

.page-product[data-theme="ip-saat"] .product-feature-card:hover::after {
  animation-duration: 3s;
  opacity: 0.9;
}

/* ========== TEMA 6: Hasta İzolasyon — Mor / koruma ========== */
.page-product[data-theme="hasta-izolasyon"] {
  --theme-accent: #8b5cf6;
  --theme-accent-2: #a78bfa;
  --theme-glow: rgba(139, 92, 246, 0.4);
  --theme-glow-2: rgba(167, 139, 250, 0.2);
  --theme-bg: linear-gradient(180deg, #120a1a 0%, #0f0a18 50%, #050810 100%);
}

.page-product[data-theme="hasta-izolasyon"] .product-feature-card {
  border-left: 3px solid var(--theme-accent);
}

/* Hasta izolasyon: kart bazlı etkiler */
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-occupancy {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-occupancy::after {
  content: '';
  position: absolute;
  left: 24px;
  bottom: 12px;
  width: 60%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(148,163,184,0.5), rgba(129,140,248,0.9));
  transform-origin: left;
  transform: scaleX(0.4);
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-occupancy.active::after {
  animation: isoBedFill 0.9s ease-out;
}
@keyframes isoBedFill {
  0% { transform: scaleX(0.2); }
  60% { transform: scaleX(0.95); }
  100% { transform: scaleX(0.7); }
}

.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-types {
  position: relative;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-types::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 18px;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 20% 20%, rgba(56,189,248,0.6), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(52,211,153,0.5), transparent 55%),
    radial-gradient(circle at 40% 80%, rgba(244,114,182,0.5), transparent 55%);
  opacity: 0.18;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-types.active::after {
  opacity: 0.75;
  animation: isoIconsCycle 1.8s ease-in-out;
}
@keyframes isoIconsCycle {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(180deg); }
}

.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-lcd {
  position: relative;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-lcd::after {
  content: '';
  position: absolute;
  inset: 10px 14px auto auto;
  width: 60px;
  height: 20px;
  border-radius: 6px;
  background: radial-gradient(circle at top, rgba(129,140,248,0.9), rgba(15,23,42,1));
  opacity: 0.25;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-lcd.active::after {
  opacity: 1;
  box-shadow: 0 0 18px rgba(129,140,248,0.9);
}

.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-busy {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-busy::before {
  content: 'MEŞGUL';
  position: absolute;
  right: 16px;
  top: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(248,113,113,0.12);
  color: #f97373;
  box-shadow: 0 0 0 0 rgba(248,113,113,0.9);
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-busy.flash::before {
  animation: isoBusyFlash 0.8s ease-out;
}
@keyframes isoBusyFlash {
  0% { box-shadow: 0 0 0 0 rgba(248,113,113,0.9); background: rgba(248,113,113,0.9); color: #111827; }
  100% { box-shadow: 0 0 0 22px rgba(248,113,113,0); background: rgba(248,113,113,0.12); color: #f97373; }
}

.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-sync {
  position: relative;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-sync::after {
  content: '';
  position: absolute;
  right: 16px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid rgba(129,140,248,0.5);
  border-top-color: rgba(129,140,248,1);
  opacity: 0.6;
}
.page-product[data-theme="hasta-izolasyon"] .product-feature-card.iso-feature-sync.active::after {
  animation: isoSyncSpin 1.4s linear;
}
@keyframes isoSyncSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ========== TEMA 7: Anne Bebek — Pembe / yumuşak ========== */
.page-product[data-theme="anne-bebek"] {
  --theme-accent: #ec4899;
  --theme-accent-2: #f472b6;
  --theme-glow: rgba(236, 72, 153, 0.3);
  --theme-glow-2: rgba(244, 114, 182, 0.2);
  --theme-bg: linear-gradient(180deg, #1a0a12 0%, #150a14 50%, #050810 100%);
}

.page-product[data-theme="anne-bebek"] .product-hero-image-wrap::before {
  animation: softPulse 4s ease-in-out infinite;
}

@keyframes softPulse {
  0%, 100% { opacity: 0.25; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(1.05); }
}

/* Anne Bebek: kart bazlı etkiler */
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-bracelet {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-bracelet::after {
  content: '';
  position: absolute;
  left: 20px;
  top: 16px;
  width: 32px;
  height: 16px;
  border-radius: 999px;
  border: 2px dashed rgba(236,72,153,0.6);
  opacity: 0.7;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-bracelet.pulse::after {
  animation: babyBraceletPulse 0.8s ease-out;
}
@keyframes babyBraceletPulse {
  0% { transform: scale(0.9); opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; }
}

.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-charge {
  position: relative;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-charge::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 16px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(252,211,77,0.95), rgba(248,250,252,0));
  opacity: 0.2;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-charge.active::after {
  opacity: 1;
  animation: babyChargeGlow 1.1s ease-in-out;
}
@keyframes babyChargeGlow {
  0% { box-shadow: 0 0 0 0 rgba(252,211,77,0.9); }
  100% { box-shadow: 0 0 0 22px rgba(252,211,77,0); }
}

.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-sealed {
  position: relative;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-sealed::after {
  content: '';
  position: absolute;
  inset: auto 18px 10px auto;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(59,130,246,0.6), rgba(15,23,42,1));
  opacity: 0.25;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-sealed.active::after {
  opacity: 1;
  box-shadow: 0 0 18px rgba(59,130,246,0.9);
}

.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-antibacterial {
  position: relative;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-antibacterial::after {
  content: '';
  position: absolute;
  left: 18px;
  bottom: 10px;
  width: 34px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(22,163,74,0.4), rgba(34,197,94,0.8));
  opacity: 0.2;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-antibacterial.active::after {
  opacity: 0.8;
}

.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-mode {
  position: relative;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-mode::after {
  content: 'TEK';
  position: absolute;
  right: 18px;
  top: 12px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.7rem;
  background: rgba(251,113,133,0.18);
  color: #fecdd3;
}
.page-product[data-theme="anne-bebek"] .product-feature-card.baby-feature-mode.multi::after {
  content: 'ÇOK';
}

/* ========== TEMA 8: Eşya Takip — Turuncu / IoT · RFID · Envanter ========== */
.page-product[data-theme="anne-bebek"] .mother-baby-section {
  margin-top: 44px;
  padding-top: 40px;
  border-top: 1px solid rgba(236, 72, 153, 0.12);
}

.page-product[data-theme="anne-bebek"] .mother-baby-heading {
  margin-bottom: 24px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(236, 72, 153, 0.12);
  color: var(--theme-accent);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-product[data-theme="anne-bebek"] .mother-baby-heading h3 {
  margin: 16px 0 12px;
  color: #0f172a;
  font-family: var(--font-head);
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  line-height: 1.2;
}

.page-product[data-theme="anne-bebek"] .mother-baby-heading p {
  color: #475569;
  line-height: 1.8;
  max-width: 920px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-process-grid,
.page-product[data-theme="anne-bebek"] .mother-baby-card-grid,
.page-product[data-theme="anne-bebek"] .mother-baby-benefit-grid {
  display: grid;
  gap: 18px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-process-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-product[data-theme="anne-bebek"] .mother-baby-card-grid,
.page-product[data-theme="anne-bebek"] .mother-baby-benefit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-product[data-theme="anne-bebek"] .mother-baby-process-card,
.page-product[data-theme="anne-bebek"] .mother-baby-card,
.page-product[data-theme="anne-bebek"] .mother-baby-benefit {
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: linear-gradient(180deg, #ffffff 0%, #fff6fb 100%);
  box-shadow: 0 24px 44px -34px rgba(15, 23, 42, 0.26);
}

.page-product[data-theme="anne-bebek"] .mother-baby-process-card,
.page-product[data-theme="anne-bebek"] .mother-baby-card {
  padding: 24px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-benefit {
  padding: 22px 24px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-process-card h4,
.page-product[data-theme="anne-bebek"] .mother-baby-card h4,
.page-product[data-theme="anne-bebek"] .mother-baby-benefit h4 {
  color: #0f172a;
  font-size: 1.06rem;
  margin-bottom: 10px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-chip {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(236, 72, 153, 0.1);
  color: #be185d;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.page-product[data-theme="anne-bebek"] .mother-baby-step-list {
  margin: 0;
  padding-left: 20px;
  color: #475569;
  line-height: 1.8;
}

.page-product[data-theme="anne-bebek"] .mother-baby-step-list li + li {
  margin-top: 8px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-card p,
.page-product[data-theme="anne-bebek"] .mother-baby-benefit p {
  color: #475569;
  line-height: 1.75;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider {
  position: relative;
  padding: 0 48px;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 36px) / 3);
  gap: 18px;
  overflow-x: auto;
  padding: 4px 0 10px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-track::-webkit-scrollbar {
  display: none;
}

.page-product[data-theme="anne-bebek"] .asset-slider-item {
  margin: 0;
  scroll-snap-align: start;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: #ffffff;
  box-shadow: 0 20px 38px -34px rgba(15, 23, 42, 0.3);
}

.page-product[data-theme="anne-bebek"] .asset-slider-item img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: linear-gradient(180deg, #ffffff 0%, #fdf2f8 100%);
}

.page-product[data-theme="anne-bebek"] .asset-slider-item--cover img {
  object-fit: cover;
}

.page-product[data-theme="anne-bebek"] .asset-slider-item figcaption {
  padding: 16px 18px 18px;
}

.page-product[data-theme="anne-bebek"] .asset-slider-item strong {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 1rem;
}

.page-product[data-theme="anne-bebek"] .asset-slider-item span {
  display: block;
  color: #475569;
  line-height: 1.7;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.92);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;
  z-index: 1;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-nav:hover:not(:disabled) {
  transform: translateY(-50%) scale(1.05);
  background: rgba(236, 72, 153, 0.96);
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-nav:disabled {
  opacity: 0.34;
  cursor: default;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-nav--prev {
  left: 0;
}

.page-product[data-theme="anne-bebek"] .mother-baby-slider-nav--next {
  right: 0;
}

.page-product[data-theme="esya-takip"] {
  --theme-accent: #f97316;
  --theme-accent-2: #fb923c;
  --theme-glow: rgba(249, 115, 22, 0.4);
  --theme-glow-2: rgba(251, 146, 60, 0.2);
  --theme-bg: linear-gradient(180deg, #1a0f05 0%, #151008 50%, #050810 100%);
}

.page-product[data-theme="esya-takip"] .product-hero-outer::after {
  animation: scanLine 8s linear infinite;
}

/* Eşya takip: hero görselde tarama çizgisi (envanter okuma hissi) */
.page-product[data-theme="esya-takip"] .product-hero-image-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--theme-accent), transparent);
  box-shadow: 0 0 20px var(--theme-glow);
  animation: assetScanLine 3s ease-in-out infinite;
  border-radius: 2px;
  pointer-events: none;
}

@keyframes assetScanLine {
  0%, 100% { top: 0; opacity: 1; }
  50% { top: 100%; opacity: 0.8; }
}

/* Özellik kartlarında RFID sinyal nabzı */
.page-product[data-theme="esya-takip"] .product-feature-card .icon {
  animation: rfidPing 2.5s ease-in-out infinite;
}

.page-product[data-theme="esya-takip"] .product-feature-card:hover .icon {
  animation: rfidPing 1s ease-in-out infinite;
}

@keyframes rfidPing {
  0%, 100% { box-shadow: 0 0 0 0 var(--theme-accent); }
  50% { box-shadow: 0 0 0 12px rgba(249, 115, 22, 0); }
}

/* Eşya Takip: kart bazlı etkiler */
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-active {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-active::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 14px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid rgba(248,113,113,0.8);
  box-shadow: 0 0 0 0 rgba(248,113,113,0.9);
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-active.flash::after {
  animation: assetAlert 0.8s ease-out;
}
@keyframes assetAlert {
  0% { box-shadow: 0 0 0 0 rgba(248,113,113,0.9); }
  100% { box-shadow: 0 0 0 20px rgba(248,113,113,0); }
}

.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-passive {
  position: relative;
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-passive::after {
  content: '';
  position: absolute;
  left: 18px;
  bottom: 12px;
  width: 60%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(148,163,184,0.4), rgba(249,115,22,0.9));
  transform-origin: left;
  transform: scaleX(0.3);
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-passive.active::after {
  animation: assetScanBar 1.1s ease-out;
}
@keyframes assetScanBar {
  0% { transform: scaleX(0.2); }
  60% { transform: scaleX(1); }
  100% { transform: scaleX(0.6); }
}

.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-reader {
  position: relative;
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-reader::after {
  content: '';
  position: absolute;
  right: 12px;
  bottom: 10px;
  width: 32px;
  height: 18px;
  border-radius: 8px;
  border: 1px dashed rgba(148,163,184,0.6);
  opacity: 0.8;
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-reader.active::after {
  border-style: solid;
}

.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-c4s {
  position: relative;
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-c4s::after {
  content: '';
  position: absolute;
  inset: 10px 10px auto auto;
  width: 40px;
  height: 22px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(56,189,248,0.35), rgba(34,197,94,0.35));
  opacity: 0.2;
}
.page-product[data-theme="esya-takip"] .product-feature-card.asset-feature-c4s.active::after {
  opacity: 0.75;
}

/* Açıklama bloğunda hafif grid (envanter hücreleri) */
.page-product[data-theme="esya-takip"] .product-description-block {
  position: relative;
  overflow: hidden;
}

.page-product[data-theme="esya-takip"] .product-description-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(249, 115, 22, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(249, 115, 22, 0.03) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

.page-product[data-theme="esya-takip"] .product-hero-image-wrap .product-hero-image {
  max-width: 320px;
  padding: 18px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,0.08), transparent 55%),
    linear-gradient(180deg, rgba(15,23,42,0.96), rgba(15,23,42,0.82));
  border: 1px solid rgba(249, 115, 22, 0.22);
  box-shadow: 0 28px 50px -22px rgba(249, 115, 22, 0.45);
}

.page-product[data-theme="esya-takip"] .product-hero-image-wrap .product-hero-image[src*="esya-takip.png"] {
  max-width: 430px;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(249, 115, 22, 0.22);
  border-radius: 28px;
  box-shadow: 0 28px 60px -24px rgba(249, 115, 22, 0.45);
}

.page-product[data-theme="esya-takip"] .asset-hero-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.page-product[data-theme="esya-takip"] .asset-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(249, 115, 22, 0.28);
  background: rgba(15, 23, 42, 0.64);
  color: #000;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.page-product[data-theme="esya-takip"] .asset-hero-pill::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--theme-accent), #fde68a);
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.55);
}

.page-product[data-theme="esya-takip"] .asset-hero-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.page-product[data-theme="esya-takip"] .asset-kpi-card {
  padding: 18px 18px 16px;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 18px 38px -24px rgba(15, 23, 42, 0.85);
}

.page-product[data-theme="esya-takip"] .asset-kpi-card strong {
  display: block;
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 6px;
}

.page-product[data-theme="esya-takip"] .asset-kpi-card span {
  display: block;
  color: #fdba74;
  font-size: 0.88rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.page-product[data-theme="esya-takip"] .asset-kpi-card p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.92rem;
  line-height: 1.6;
}

.page-product[data-theme="esya-takip"] .asset-section {
  position: relative;
  margin-top: 38px;
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.92));
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 22px 48px -34px rgba(15, 23, 42, 0.3);
}

.page-product[data-theme="esya-takip"] .asset-section-heading {
  margin-bottom: 22px;
}

.page-product[data-theme="esya-takip"] .asset-section-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--theme-accent);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-product[data-theme="esya-takip"] .asset-section-heading h3 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.2;
}

.page-product[data-theme="esya-takip"] .asset-section-heading p,
.page-product[data-theme="esya-takip"] .asset-mode-card p,
.page-product[data-theme="esya-takip"] .asset-unit-card p,
.page-product[data-theme="esya-takip"] .asset-capability p,
.page-product[data-theme="esya-takip"] .asset-process-card p,
.page-product[data-theme="esya-takip"] .asset-note {
  margin: 0;
  color: #475569;
  line-height: 1.75;
}

.page-product[data-theme="esya-takip"] .asset-mode-grid,
.page-product[data-theme="esya-takip"] .asset-unit-grid,
.page-product[data-theme="esya-takip"] .asset-capabilities-grid,
.page-product[data-theme="esya-takip"] .asset-process-grid {
  display: grid;
  gap: 18px;
}

.page-product[data-theme="esya-takip"] .asset-mode-grid,
.page-product[data-theme="esya-takip"] .asset-process-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-product[data-theme="esya-takip"] .asset-unit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-product[data-theme="esya-takip"] .asset-capabilities-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-product[data-theme="esya-takip"] .asset-mode-card,
.page-product[data-theme="esya-takip"] .asset-unit-card,
.page-product[data-theme="esya-takip"] .asset-capability,
.page-product[data-theme="esya-takip"] .asset-process-card {
  position: relative;
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: #ffffff;
  padding: 22px;
  overflow: hidden;
}

.page-product[data-theme="esya-takip"] .asset-mode-card::before,
.page-product[data-theme="esya-takip"] .asset-process-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--theme-accent), #fbbf24);
  opacity: 0.95;
}

.page-product[data-theme="esya-takip"] .asset-mode-card h4,
.page-product[data-theme="esya-takip"] .asset-unit-card h4,
.page-product[data-theme="esya-takip"] .asset-capability h4,
.page-product[data-theme="esya-takip"] .asset-process-card h4 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 1.08rem;
  line-height: 1.35;
}

.page-product[data-theme="esya-takip"] .asset-mode-list,
.page-product[data-theme="esya-takip"] .asset-step-list {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding-left: 18px;
  color: #334155;
}

.page-product[data-theme="esya-takip"] .asset-mode-list li,
.page-product[data-theme="esya-takip"] .asset-step-list li {
  line-height: 1.7;
}

.page-product[data-theme="esya-takip"] .asset-unit-card img {
  display: block;
  width: 100%;
  max-width: 230px;
  height: 160px;
  margin-bottom: 18px;
  object-fit: contain;
}

.page-product[data-theme="esya-takip"] .asset-unit-card--screen img {
  max-width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: #eef2ff;
}

.page-product[data-theme="esya-takip"] .asset-unit-chip {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(249, 115, 22, 0.1);
  color: var(--theme-accent);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-product[data-theme="esya-takip"] .asset-media-slider {
  position: relative;
  padding: 0 56px;
}

.page-product[data-theme="esya-takip"] .asset-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 36px) / 3);
  gap: 18px;
  overflow-x: auto;
  padding: 4px 0 8px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.page-product[data-theme="esya-takip"] .asset-slider-track::-webkit-scrollbar {
  display: none;
}

.page-product[data-theme="esya-takip"] .asset-slider-item {
  margin: 0;
  scroll-snap-align: start;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: #ffffff;
  box-shadow: 0 20px 38px -34px rgba(15, 23, 42, 0.3);
}

.page-product[data-theme="esya-takip"] .asset-slider-item img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: #f8fafc;
}

.page-product[data-theme="esya-takip"] .asset-slider-item--cover img {
  object-fit: cover;
}

.page-product[data-theme="esya-takip"] .asset-slider-item figcaption {
  padding: 16px 18px 18px;
}

.page-product[data-theme="esya-takip"] .asset-slider-item strong {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 1rem;
}

.page-product[data-theme="esya-takip"] .asset-slider-item span {
  display: block;
  color: #475569;
  line-height: 1.7;
}

.page-product[data-theme="esya-takip"] .asset-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.92);
  color: #f8fafc;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 16px 30px -18px rgba(15, 23, 42, 0.75);
  transition: transform 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}

.page-product[data-theme="esya-takip"] .asset-slider-nav:hover:not(:disabled) {
  transform: translateY(-50%) scale(1.05);
  background: rgba(249, 115, 22, 0.95);
}

.page-product[data-theme="esya-takip"] .asset-slider-nav:disabled {
  opacity: 0.34;
  cursor: default;
}

.page-product[data-theme="esya-takip"] .asset-slider-nav--prev {
  left: 0;
}

.page-product[data-theme="esya-takip"] .asset-slider-nav--next {
  right: 0;
}

.page-product[data-theme="esya-takip"] .asset-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.page-product[data-theme="esya-takip"] .asset-gallery-item {
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: #ffffff;
  box-shadow: 0 20px 38px -34px rgba(15, 23, 42, 0.3);
}

.page-product[data-theme="esya-takip"] .asset-gallery-item--wide {
  grid-column: span 2;
}

.page-product[data-theme="esya-takip"] .asset-gallery-item img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: cover;
  background: #f8fafc;
}

.page-product[data-theme="esya-takip"] .asset-gallery-item--wide img {
  height: 320px;
}

.page-product[data-theme="esya-takip"] .asset-gallery-item figcaption {
  padding: 16px 18px 18px;
}

.page-product[data-theme="esya-takip"] .asset-gallery-item strong {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 1rem;
}

.page-product[data-theme="esya-takip"] .asset-gallery-item span {
  display: block;
  color: #475569;
  line-height: 1.7;
}

.page-product[data-theme="esya-takip"] .asset-note {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px dashed rgba(249, 115, 22, 0.35);
  background: rgba(255, 247, 237, 0.85);
}

@media (max-width: 900px) {
  .page-product[data-theme="esya-takip"] .asset-hero-kpis,
  .page-product[data-theme="esya-takip"] .asset-mode-grid,
  .page-product[data-theme="esya-takip"] .asset-unit-grid,
  .page-product[data-theme="esya-takip"] .asset-capabilities-grid,
  .page-product[data-theme="esya-takip"] .asset-gallery-grid,
  .page-product[data-theme="esya-takip"] .asset-process-grid {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="esya-takip"] .asset-gallery-item--wide {
    grid-column: auto;
  }

  .page-product[data-theme="esya-takip"] .asset-section {
    padding: 22px;
  }

  .page-product[data-theme="esya-takip"] .asset-media-slider {
    padding: 0 44px;
  }

  .page-product[data-theme="esya-takip"] .asset-slider-track {
    grid-auto-columns: calc((100% - 18px) / 2);
  }

  .page-product[data-theme="esya-takip"] .asset-gallery-item img,
  .page-product[data-theme="esya-takip"] .asset-gallery-item--wide img,
  .page-product[data-theme="esya-takip"] .asset-unit-card--screen img,
  .page-product[data-theme="esya-takip"] .asset-slider-item img {
    height: auto;
  }

  .page-product[data-theme="anne-bebek"] .mother-baby-process-grid,
  .page-product[data-theme="anne-bebek"] .mother-baby-card-grid,
  .page-product[data-theme="anne-bebek"] .mother-baby-benefit-grid {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="anne-bebek"] .mother-baby-slider {
    padding: 0 44px;
  }

  .page-product[data-theme="anne-bebek"] .mother-baby-slider-track {
    grid-auto-columns: calc((100% - 18px) / 2);
  }

  .page-product[data-theme="anne-bebek"] .asset-slider-item img {
    height: auto;
  }
}

@media (max-width: 640px) {
  .page-product[data-theme="esya-takip"] .asset-media-slider {
    padding: 0 38px;
  }

  .page-product[data-theme="esya-takip"] .asset-slider-track {
    grid-auto-columns: 86%;
  }

  .page-product[data-theme="esya-takip"] .asset-slider-nav {
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
  }

  .page-product[data-theme="anne-bebek"] .mother-baby-slider {
    padding: 0 38px;
  }

  .page-product[data-theme="anne-bebek"] .mother-baby-slider-track {
    grid-auto-columns: 86%;
  }

  .page-product[data-theme="anne-bebek"] .mother-baby-slider-nav {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }
}

@keyframes scanLine {
  0% { background-position: 0 0; }
  100% { background-position: 0 60px; }
}

/* ========== TEMA 9: Personel Takip — İndigo · Konum · Acil çağrı ========== */
.page-product[data-theme="personel-takip"] {
  --theme-accent: #6366f1;
  --theme-accent-2: #818cf8;
  --theme-glow: rgba(99, 102, 241, 0.4);
  --theme-glow-2: rgba(129, 140, 248, 0.2);
  --theme-bg: linear-gradient(180deg, #0a0a1a 0%, #0d0f1a 50%, #050810 100%);
}

/* Konum sinyali: hero görselde nabız (personel konum blipi) */
.page-product[data-theme="personel-takip"] .product-hero-image-wrap::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 2px solid var(--theme-accent);
  border-radius: 50%;
  opacity: 0.6;
  animation: staffLocationPulse 2s ease-out infinite;
  pointer-events: none;
}

.page-product[data-theme="personel-takip"] .product-hero-image-wrap::before {
  animation: staffGlow 3s ease-in-out infinite;
}

@keyframes staffLocationPulse {
  0% { transform: scale(0.5); opacity: 0.8; }
  100% { transform: scale(1.8); opacity: 0; }
}

@keyframes staffGlow {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.7; }
}

/* Özellik kartları: acil çağrı / LED nabız */
.page-product[data-theme="personel-takip"] .product-feature-card .icon {
  animation: staffLedPulse 2s ease-in-out infinite;
}

.page-product[data-theme="personel-takip"] .product-feature-card:hover .icon {
  transform: rotate(5deg) scale(1.05);
  animation: staffLedPulse 0.8s ease-in-out infinite;
  transition: transform 0.3s;
}

@keyframes staffLedPulse {
  0%, 100% { box-shadow: 0 0 0 0 var(--theme-accent), 0 0 12px var(--theme-glow); }
  50% { box-shadow: 0 0 0 8px rgba(99, 102, 241, 0.2), 0 0 20px var(--theme-glow); }
}

/* Personel Takip: kart bazlı etkiler */
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-badge {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-badge::after {
  content: '';
  position: absolute;
  left: 20px;
  top: 16px;
  width: 28px;
  height: 18px;
  border-radius: 8px;
  border: 1px solid rgba(129,140,248,0.8);
  opacity: 0.8;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-badge.pulse::after {
  animation: staffBadgePulse 0.8s ease-out;
}
@keyframes staffBadgePulse {
  0% { transform: scale(0.9); opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; }
}

.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-location {
  position: relative;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-location::after {
  content: '';
  position: absolute;
  right: 16px;
  bottom: 12px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(129,140,248,0.7);
  opacity: 0.6;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-location.active::after {
  animation: staffLocate 1.2s ease-out;
}
@keyframes staffLocate {
  0% { transform: scale(0.7); opacity: 0.9; }
  100% { transform: scale(1.5); opacity: 0; }
}

.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-reports {
  position: relative;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-reports .report-bars {
  display: none;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-reports:hover .report-bars {
  display: inline-flex;
  gap: 3px;
  margin-left: 8px;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-reports .report-bars span {
  width: 3px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(to top, #4ade80, #a7f3d0);
  animation: staffReportEq 1s ease-in-out infinite;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-reports .report-bars span:nth-child(2) {
  animation-delay: 0.1s;
}
.page-product[data-theme="personel-takip"] .product-feature-card.staff-feature-reports .report-bars span:nth-child(3) {
  animation-delay: 0.2s;
}
@keyframes staffReportEq {
  0%, 100% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
}

/* Hero arka plan: hafif radar/sinyal halkaları */
.page-product[data-theme="personel-takip"] .product-hero-outer::after {
  animation: staffRadar 6s linear infinite;
}

@keyframes staffRadar {
  0% { opacity: 0.5; }
  50% { opacity: 0.9; }
  100% { opacity: 0.5; }
}

/* Açıklama alanı: konum haritası hissi (hafif grid) */
.page-product[data-theme="personel-takip"] .product-description-block {
  position: relative;
  overflow: hidden;
}

.page-product[data-theme="personel-takip"] .product-description-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(99, 102, 241, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.page-product[data-theme="personel-takip"] .staff-detail-section {
  position: relative;
  margin-top: 30px;
  padding: 30px;
  border: 1px solid rgba(99, 102, 241, 0.18);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.84) 0%, rgba(15, 23, 42, 0.68) 100%);
  box-shadow: 0 26px 70px -44px rgba(79, 70, 229, 0.58);
}

.page-product[data-theme="personel-takip"] .staff-detail-heading {
  max-width: 820px;
  margin-bottom: 22px;
}

.page-product[data-theme="personel-takip"] .staff-detail-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(129, 140, 248, 0.24);
  color: #c7d2fe;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.page-product[data-theme="personel-takip"] .staff-detail-heading h3 {
  margin: 16px 0 10px;
  color: #f8fafc;
  font-size: clamp(1.55rem, 2.3vw, 2.2rem);
  line-height: 1.2;
}

.page-product[data-theme="personel-takip"] .staff-detail-heading p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.78;
}

.page-product[data-theme="personel-takip"] .staff-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.page-product[data-theme="personel-takip"] .staff-overview-visual {
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(224, 231, 255, 0.9));
  min-height: 100%;
}

.page-product[data-theme="personel-takip"] .staff-overview-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
}

.page-product[data-theme="personel-takip"] .staff-overview-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-product[data-theme="personel-takip"] .staff-info-card,
.page-product[data-theme="personel-takip"] .staff-flow-card,
.page-product[data-theme="personel-takip"] .staff-benefit-card {
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.72);
  padding: 20px;
}

.page-product[data-theme="personel-takip"] .staff-info-card h4,
.page-product[data-theme="personel-takip"] .staff-flow-card h4,
.page-product[data-theme="personel-takip"] .staff-benefit-card h4 {
  margin: 0 0 10px;
  color: #f8fafc;
  font-size: 1.05rem;
}

.page-product[data-theme="personel-takip"] .staff-info-card p,
.page-product[data-theme="personel-takip"] .staff-flow-card p,
.page-product[data-theme="personel-takip"] .staff-benefit-card p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.72;
}

.page-product[data-theme="personel-takip"] .staff-flow-grid,
.page-product[data-theme="personel-takip"] .staff-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.page-product[data-theme="personel-takip"] .staff-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin-bottom: 14px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.98), rgba(129, 140, 248, 0.88));
  color: #eef2ff;
  font-weight: 700;
  font-size: 0.95rem;
}

.page-product[data-theme="personel-takip"] .staff-media-slider {
  position: relative;
  padding: 0 56px;
}

.page-product[data-theme="personel-takip"] .staff-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 36px) / 3);
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.page-product[data-theme="personel-takip"] .staff-slider-track::-webkit-scrollbar {
  display: none;
}

.page-product[data-theme="personel-takip"] .staff-slider-item {
  margin: 0;
  scroll-snap-align: start;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(224, 231, 255, 0.95));
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: 0 28px 60px -44px rgba(129, 140, 248, 0.55);
}

.page-product[data-theme="personel-takip"] .staff-slider-item img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: contain;
  padding: 22px;
  background: radial-gradient(circle at top, rgba(224, 231, 255, 0.95), rgba(255, 255, 255, 0.96));
}

.page-product[data-theme="personel-takip"] .staff-slider-item figcaption {
  padding: 16px 18px 18px;
}

.page-product[data-theme="personel-takip"] .staff-slider-item strong {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 1rem;
}

.page-product[data-theme="personel-takip"] .staff-slider-item span {
  display: block;
  color: #475569;
  line-height: 1.7;
}

.page-product[data-theme="personel-takip"] .staff-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.84);
  color: #fff;
  font-size: 1.3rem;
  cursor: pointer;
  box-shadow: 0 18px 32px -24px rgba(99, 102, 241, 0.72);
  transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}

.page-product[data-theme="personel-takip"] .staff-slider-nav:hover:not(:disabled) {
  transform: translateY(-50%) scale(1.05);
  background: rgba(79, 70, 229, 0.98);
}

.page-product[data-theme="personel-takip"] .staff-slider-nav:disabled {
  opacity: 0.34;
  cursor: default;
}

.page-product[data-theme="personel-takip"] .staff-slider-nav--prev {
  left: 0;
}

.page-product[data-theme="personel-takip"] .staff-slider-nav--next {
  right: 0;
}

@media (max-width: 900px) {
  .page-product[data-theme="personel-takip"] .staff-detail-section {
    padding: 22px;
  }

  .page-product[data-theme="personel-takip"] .staff-overview-grid,
  .page-product[data-theme="personel-takip"] .staff-flow-grid,
  .page-product[data-theme="personel-takip"] .staff-benefit-grid {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="personel-takip"] .staff-overview-copy {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="personel-takip"] .staff-media-slider {
    padding: 0 44px;
  }

  .page-product[data-theme="personel-takip"] .staff-slider-track {
    grid-auto-columns: calc((100% - 18px) / 2);
  }

  .page-product[data-theme="personel-takip"] .staff-slider-item img {
    height: auto;
  }

  .page-product[data-theme="personel-takip"] .staff-overview-visual img {
    min-height: 320px;
  }
}

@media (max-width: 640px) {
  .page-product[data-theme="personel-takip"] .staff-media-slider {
    padding: 0 38px;
  }

  .page-product[data-theme="personel-takip"] .staff-slider-track {
    grid-auto-columns: 86%;
  }

  .page-product[data-theme="personel-takip"] .staff-slider-nav {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }
}

/* ========== TEMA 10: Çamaşırhane — Açık mavi / Laundry Management ========== */
.page-product[data-theme="camasirhane"] {
  --theme-accent: #0ea5e9;
  --theme-accent-2: #38bdf8;
  --theme-glow: rgba(14, 165, 233, 0.35);
  --theme-glow-2: rgba(56, 189, 248, 0.15);
  --theme-bg: linear-gradient(180deg, #051a28 0%, #0a1520 50%, #050810 100%);
}

/* Kirli giriş / temiz çıkış akış çizgisi (hero) */
.page-product[data-theme="camasirhane"] .product-hero-image-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(14, 165, 233, 0.08) 30%,
    rgba(56, 189, 248, 0.12) 50%,
    rgba(14, 165, 233, 0.08) 70%,
    transparent 100%);
  border-radius: var(--product-radius);
  animation: laundryFlow 4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes laundryFlow {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

/* Özellik kartları: yıkama döngüsü hissi (hafif nabız) */
.page-product[data-theme="camasirhane"] .product-feature-card .icon {
  animation: laundryCycle 3s ease-in-out infinite;
}

.page-product[data-theme="camasirhane"] .product-feature-card:hover .icon {
  animation: laundryCycle 1.5s ease-in-out infinite;
}

@keyframes laundryCycle {
  0%, 100% { transform: scale(1); box-shadow: 0 4px 12px -2px var(--theme-glow); }
  50% { transform: scale(1.05); box-shadow: 0 8px 24px -4px var(--theme-glow); }
}

/* Çamaşırhane: kart bazlı etkiler */
.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-flow {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-flow::after {
  content: '';
  position: absolute;
  left: 18px;
  bottom: 10px;
  width: 70%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(56,189,248,0.3), rgba(34,197,235,0.9));
  transform-origin: left;
  transform: scaleX(0.3);
}
.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-flow.active::after {
  animation: laundryFlowBar 1.1s ease-out;
}
@keyframes laundryFlowBar {
  0% { transform: scaleX(0.2); }
  60% { transform: scaleX(1); }
  100% { transform: scaleX(0.6); }
}

.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-inventory {
  position: relative;
}
.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-inventory::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 14px;
  width: 26px;
  height: 18px;
  border-radius: 6px;
  border: 1px dashed rgba(148,163,184,0.8);
  opacity: 0.8;
}

.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-wash {
  position: relative;
}
.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-wash::after {
  content: '>';
  position: absolute;
  right: 16px;
  bottom: 10px;
  font-size: 0.85rem;
  color: #e0f2fe;
  opacity: 0.7;
}
.page-product[data-theme="camasirhane"] .product-feature-card.laundry-feature-wash.active::after {
  animation: laundryBill 0.9s ease-out;
}
@keyframes laundryBill {
  0% { transform: translateY(0); opacity: 0.9; }
  100% { transform: translateY(-6px); opacity: 0; }
}

/* Hero background: subtle clean-water glow */
.page-product[data-theme="camasirhane"] .product-hero-image-wrap::before {
  animation: laundryGlow 4s ease-in-out infinite;
}

@keyframes laundryGlow {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.55; }
}

/* Açıklama alanı: hafif ızgara (envanter / istasyon hissi) */
.page-product[data-theme="camasirhane"] .product-description-block {
  position: relative;
  overflow: hidden;
}

.page-product[data-theme="camasirhane"] .product-description-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(14, 165, 233, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, 0.04) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
}

/* ========== TEMA 11: Tıbbi İzole Güç — Elektrik mavi ========== */
.page-product[data-theme="camasirhane"] .laundry-section {
  margin-top: 44px;
  padding-top: 40px;
  border-top: 1px solid rgba(14, 165, 233, 0.14);
}

.page-product[data-theme="camasirhane"] .laundry-heading {
  margin-bottom: 24px;
}

.page-product[data-theme="camasirhane"] .laundry-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-product[data-theme="camasirhane"] .laundry-heading h3 {
  margin: 16px 0 12px;
  color: #0f172a;
  font-family: var(--font-head);
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  line-height: 1.2;
}

.page-product[data-theme="camasirhane"] .laundry-heading p {
  color: #475569;
  line-height: 1.8;
  max-width: 940px;
}

.page-product[data-theme="camasirhane"] .laundry-overview-grid,
.page-product[data-theme="camasirhane"] .laundry-flow-grid,
.page-product[data-theme="camasirhane"] .laundry-benefit-grid,
.page-product[data-theme="camasirhane"] .laundry-gallery-grid {
  display: grid;
  gap: 18px;
}

.page-product[data-theme="camasirhane"] .laundry-overview-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  align-items: start;
}

.page-product[data-theme="camasirhane"] .laundry-flow-grid,
.page-product[data-theme="camasirhane"] .laundry-benefit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-product[data-theme="camasirhane"] .laundry-gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-product[data-theme="camasirhane"] .laundry-overview-visual,
.page-product[data-theme="camasirhane"] .laundry-flow-card,
.page-product[data-theme="camasirhane"] .laundry-info-card,
.page-product[data-theme="camasirhane"] .laundry-benefit-card,
.page-product[data-theme="camasirhane"] .laundry-gallery-card,
.page-product[data-theme="camasirhane"] .laundry-video-card,
.page-product[data-theme="camasirhane"] .laundry-slider-item {
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
  box-shadow: 0 24px 44px -34px rgba(15, 23, 42, 0.26);
}

.page-product[data-theme="camasirhane"] .laundry-overview-visual {
  overflow: hidden;
}

.page-product[data-theme="camasirhane"] .laundry-overview-visual img,
.page-product[data-theme="camasirhane"] .laundry-gallery-card img {
  display: block;
  width: 100%;
  height: auto;
}

.page-product[data-theme="camasirhane"] .laundry-overview-copy {
  display: grid;
  gap: 16px;
}

.page-product[data-theme="camasirhane"] .laundry-info-card,
.page-product[data-theme="camasirhane"] .laundry-flow-card,
.page-product[data-theme="camasirhane"] .laundry-benefit-card {
  padding: 22px 24px;
}

.page-product[data-theme="camasirhane"] .laundry-info-card h4,
.page-product[data-theme="camasirhane"] .laundry-flow-card h4,
.page-product[data-theme="camasirhane"] .laundry-benefit-card h4,
.page-product[data-theme="camasirhane"] .laundry-video-copy h4 {
  color: #0f172a;
  font-size: 1.05rem;
  margin-bottom: 10px;
}

.page-product[data-theme="camasirhane"] .laundry-info-card p,
.page-product[data-theme="camasirhane"] .laundry-flow-card p,
.page-product[data-theme="camasirhane"] .laundry-benefit-card p,
.page-product[data-theme="camasirhane"] .laundry-video-copy p {
  color: #475569;
  line-height: 1.75;
}

.page-product[data-theme="camasirhane"] .laundry-chip {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.page-product[data-theme="camasirhane"] .laundry-list {
  margin: 0;
  padding-left: 20px;
  color: #475569;
  line-height: 1.8;
}

.page-product[data-theme="camasirhane"] .laundry-list li + li {
  margin-top: 8px;
}

.page-product[data-theme="camasirhane"] .laundry-media-slider {
  position: relative;
  margin-top: 22px;
  padding: 0 48px;
}

.page-product[data-theme="camasirhane"] .laundry-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 36px) / 3);
  gap: 18px;
  overflow-x: auto;
  padding: 4px 0 10px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.page-product[data-theme="camasirhane"] .laundry-slider-track::-webkit-scrollbar {
  display: none;
}

.page-product[data-theme="camasirhane"] .laundry-slider-item {
  margin: 0;
  overflow: hidden;
  scroll-snap-align: start;
}

.page-product[data-theme="camasirhane"] .laundry-slider-item img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: cover;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
}

.page-product[data-theme="camasirhane"] .laundry-slider-item--screen img,
.page-product[data-theme="camasirhane"] .laundry-gallery-card--screen img {
  object-fit: contain;
}

.page-product[data-theme="camasirhane"] .laundry-slider-item figcaption,
.page-product[data-theme="camasirhane"] .laundry-gallery-card figcaption {
  padding: 16px 18px 18px;
}

.page-product[data-theme="camasirhane"] .laundry-slider-item strong,
.page-product[data-theme="camasirhane"] .laundry-gallery-card strong {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 1rem;
}

.page-product[data-theme="camasirhane"] .laundry-slider-item span,
.page-product[data-theme="camasirhane"] .laundry-gallery-card span {
  display: block;
  color: #475569;
  line-height: 1.7;
}

.page-product[data-theme="camasirhane"] .laundry-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.92);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;
  z-index: 1;
}

.page-product[data-theme="camasirhane"] .laundry-slider-nav:hover:not(:disabled) {
  transform: translateY(-50%) scale(1.05);
  background: rgba(14, 165, 233, 0.96);
}

.page-product[data-theme="camasirhane"] .laundry-slider-nav:disabled {
  opacity: 0.34;
  cursor: default;
}

.page-product[data-theme="camasirhane"] .laundry-slider-nav--prev {
  left: 0;
}

.page-product[data-theme="camasirhane"] .laundry-slider-nav--next {
  right: 0;
}

.page-product[data-theme="camasirhane"] .laundry-video-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 20px;
  padding: 20px;
}

.page-product[data-theme="camasirhane"] .laundry-video-card video {
  width: 100%;
  border-radius: 18px;
  background: #0f172a;
  display: block;
}

.page-product[data-theme="camasirhane"] .laundry-video-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-product[data-theme="camasirhane"] .laundry-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 12px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  color: #0a0f1a;
  font-weight: 700;
  text-decoration: none;
}

.page-product[data-theme="camasirhane"] .laundry-inline-link:hover {
  box-shadow: 0 14px 30px -18px var(--theme-glow);
}

@media (max-width: 900px) {
  .page-product[data-theme="camasirhane"] .laundry-overview-grid,
  .page-product[data-theme="camasirhane"] .laundry-flow-grid,
  .page-product[data-theme="camasirhane"] .laundry-benefit-grid,
  .page-product[data-theme="camasirhane"] .laundry-gallery-grid,
  .page-product[data-theme="camasirhane"] .laundry-video-card {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="camasirhane"] .laundry-media-slider {
    padding: 0 44px;
  }

  .page-product[data-theme="camasirhane"] .laundry-slider-track {
    grid-auto-columns: calc((100% - 18px) / 2);
  }

  .page-product[data-theme="camasirhane"] .laundry-slider-item img {
    height: auto;
  }
}

@media (max-width: 640px) {
  .page-product[data-theme="camasirhane"] .laundry-media-slider {
    padding: 0 38px;
  }

  .page-product[data-theme="camasirhane"] .laundry-slider-track {
    grid-auto-columns: 86%;
  }

  .page-product[data-theme="camasirhane"] .laundry-slider-nav {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }

  .page-product[data-theme="camasirhane"] .laundry-video-card {
    padding: 16px;
  }
}

.page-product[data-theme="tibbi-izole-guc"] {
  --theme-accent: #3b82f6;
  --theme-accent-2: #60a5fa;
  --theme-glow: rgba(59, 130, 246, 0.5);
  --theme-glow-2: rgba(96, 165, 250, 0.25);
  --theme-bg: linear-gradient(180deg, #050a1a 0%, #080c18 50%, #050810 100%);
}

.page-product[data-theme="tibbi-izole-guc"] .product-hero-outer::before {
  animation: powerPulse 2s ease-in-out infinite;
}

@keyframes powerPulse {
  0%, 100% { opacity: 0.9; }
  50% { opacity: 1; }
}

/* Tıbbi İzole Güç: kart bazlı etkiler */
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-panel {
  position: relative;
  cursor: pointer;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-panel::after {
  content: '';
  position: absolute;
  inset: 10px 12px auto auto;
  width: 40px;
  height: 22px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(59,130,246,0.6), rgba(96,165,250,0.8));
  opacity: 0.25;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-panel.active::after {
  opacity: 1;
  box-shadow: 0 0 18px rgba(59,130,246,0.9);
}

.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-local {
  position: relative;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-local::after {
  content: '';
  position: absolute;
  left: 18px;
  top: 12px;
  width: 24px;
  height: 10px;
  border-radius: 999px;
  background: rgba(34,197,94,0.2);
  box-shadow: 0 0 0 0 rgba(34,197,94,0.8);
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-local.flash::after {
  animation: powerAlarm 0.8s ease-out;
}
@keyframes powerAlarm {
  0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.8); background: rgba(34,197,94,0.9); }
  100% { box-shadow: 0 0 0 20px rgba(34,197,94,0); background: rgba(34,197,94,0.2); }
}

.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-central {
  position: relative;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-central::after {
  content: '';
  position: absolute;
  right: 16px;
  bottom: 10px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(96,165,250,0.8);
  opacity: 0.7;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-central.active::after {
  animation: powerScan 1.3s ease-out;
}
@keyframes powerScan {
  0% { transform: scale(0.7); opacity: 0.9; }
  100% { transform: scale(1.6); opacity: 0; }
}

.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-monitor {
  position: relative;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-monitor::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 14px;
  width: 36px;
  height: 16px;
  border-radius: 6px;
  background: radial-gradient(circle at top, rgba(56,189,248,0.7), rgba(15,23,42,1));
  opacity: 0.3;
}
.page-product[data-theme="tibbi-izole-guc"] .product-feature-card.power-feature-monitor.active::after {
  opacity: 1;
}

/* ----- Body layout: iki sütun (içerik + sidebar) ----- */
.product-detail-body .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 28px 80px;
}

.product-detail-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 48px;
  align-items: start;
}

@media (max-width: 900px) {
  .product-detail-content { grid-template-columns: 1fr; }
  .product-sidebar .card { position: static; }
}

.page-product[data-theme="esya-takip"] .product-detail-content,
.page-product[data-theme="acil-kod"] .product-detail-content,
.page-product[data-theme="acil-servis"] .product-detail-content,
.page-product[data-theme="personel-takip"] .product-detail-content,
.page-product[data-theme="ameliyathane"] .product-detail-content,
.page-product[data-theme="ip-saat"] .product-detail-content,
.page-product[data-theme="hasta-izolasyon"] .product-detail-content,
.page-product[data-theme="hemsire-cagri"] .product-detail-content,
.page-product[data-theme="tibbi-izole-guc"] .product-detail-content,
.page-product[data-theme="camasirhane"] .product-detail-content,
.page-product[data-theme="anne-bebek"] .product-detail-content {
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

.page-product[data-theme="esya-takip"] .product-sidebar .card,
.page-product[data-theme="acil-kod"] .product-sidebar .card,
.page-product[data-theme="acil-servis"] .product-sidebar .card,
.page-product[data-theme="personel-takip"] .product-sidebar .card,
.page-product[data-theme="ameliyathane"] .product-sidebar .card,
.page-product[data-theme="ip-saat"] .product-sidebar .card,
.page-product[data-theme="hasta-izolasyon"] .product-sidebar .card,
.page-product[data-theme="hemsire-cagri"] .product-sidebar .card,
.page-product[data-theme="tibbi-izole-guc"] .product-sidebar .card,
.page-product[data-theme="camasirhane"] .product-sidebar .card,
.page-product[data-theme="anne-bebek"] .product-sidebar .card {
  position: static;
}

/* Header & Footer dark variant (ürün sayfasında) */
.page-product .header {
  background: rgba(5, 8, 16, 0.85);
  border-bottom-color: rgba(255,255,255,0.06);
}

.page-product .header .logo { color: #f1f5f9; }
.page-product .header .logo img { opacity: 1; }
.page-product .header .logo:hover { color: var(--theme-accent); }
.page-product .header .logo:hover img { opacity: 0.9; }
.page-product .header .logo:hover { color: var(--theme-accent); }
.page-product .nav a { color: #94a3b8; }
.page-product .nav a:hover { color: #fff; }
.page-product .btn-primary { background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2)); color: #0a0f1a; }

.page-product .footer {
  background: var(--space-bg-3);
  color: var(--text-muted);
  border-top: 1px solid var(--glass-border);
}

.page-product .footer .footer-tagline,
.page-product .footer .footer-col-title,
.page-product .footer .footer-col ul li a,
.page-product .footer .footer-contact-item,
.page-product .footer .footer-contact-item a,
.page-product .footer .footer-copyright,
.page-product .footer .footer-legal a {
  color: var(--text-muted);
}

.page-product .footer .footer-copyright,
.page-product .footer .footer-legal a {
  color: var(--text-dim);
}

.page-product .footer .footer-col ul li a:hover,
.page-product .footer .footer-contact-item a:hover,
.page-product .footer .footer-legal a:hover {
  color: var(--accent-text);
}

.page-product .menu-toggle::before,
.page-product .menu-toggle::after,
.page-product .menu-toggle span {
  background: #e2e8f0;
}

/* ===== Acil Kod: Kartlara tıklanınca ekranda alarm gösterimi ===== */
.product-feature-card[data-code] {
  cursor: pointer;
}
.product-feature-card[data-code]:hover {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 1px var(--theme-accent);
}

.code-alarm-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
.code-alarm-overlay.code-alarm-open {
  opacity: 1;
  visibility: visible;
}

.code-alarm-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.code-alarm-box {
  position: relative;
  z-index: 1;
  max-width: 520px;
  width: 100%;
  padding: 48px 40px;
  border-radius: 24px;
  border: 2px solid;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0,0,0,0.5);
  animation: codeAlarmIn 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.code-alarm-effect {
  position: absolute;
  inset: -30%;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
}

.code-alarm-title {
  font-family: var(--font-head);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
  line-height: 1.2;
}

.code-alarm-desc {
  font-size: 1.15rem;
  opacity: 0.95;
  margin-bottom: 28px;
  line-height: 1.5;
}

.code-alarm-close {
  padding: 14px 32px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1rem;
  color: #0a0f1a;
  background: #fff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.code-alarm-close:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}

@keyframes codeAlarmIn {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}

/* Kırmızı Kod — Yangın durumu */
.code-alarm-overlay.code-alarm--kirmizi .code-alarm-box {
  background: linear-gradient(165deg, #1a0505 0%, #2d0a0a 50%, #1a0505 100%);
  border-color: #ef4444;
  color: #fff;
}
.code-alarm-overlay.code-alarm--kirmizi .code-alarm-effect {
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(239, 68, 68, 0.4) 0%, transparent 60%);
  animation: fireGlow 1.5s ease-in-out infinite;
}
.code-alarm-overlay.code-alarm--kirmizi .code-alarm-title {
  color: #fca5a5;
  text-shadow: 0 0 30px rgba(239, 68, 68, 0.8);
  animation: fireTextPulse 1.2s ease-in-out infinite;
}
.code-alarm-overlay.code-alarm--kirmizi .code-alarm-box { padding-top: 100px; }
.code-alarm-overlay.code-alarm--kirmizi .code-alarm-box::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef4444'%3E%3Cpath d='M12 23c-1.8 0-3.5-.7-4.8-1.9l-.3-.3-.2-.2c-.9-.9-1.6-2-2-3.2L3 14V9l1.5-2.3L4 5.5 6 4l1 1.5L9 4l1.5 2L12 4l1.5 2L15 4l2 1.5 1 2.5-.5 1.2C17 10 16 11.1 15 12c-.6.6-1 1.4-1.2 2.2L12 23h0z'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: 0.9;
  animation: fireIconPulse 1s ease-in-out infinite;
}
@keyframes fireGlow {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}
@keyframes fireTextPulse {
  0%, 100% { opacity: 1; text-shadow: 0 0 30px rgba(239, 68, 68, 0.8); }
  50% { opacity: 0.95; text-shadow: 0 0 50px rgba(239, 68, 68, 1); }
}
@keyframes fireIconPulse {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.1); }
}

/* Pembe Kod — Kaçırma girişimi (yanıp sönsün) */
.code-alarm-overlay.code-alarm--pembe .code-alarm-box {
  background: linear-gradient(165deg, #1a0512 0%, #2d0a1a 50%, #1a0512 100%);
  border-color: #ec4899;
  color: #fff;
}
.code-alarm-overlay.code-alarm--pembe .code-alarm-effect {
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(236, 72, 153, 0.5) 0%, transparent 60%);
  animation: pembeBlink 0.6s ease-in-out infinite;
}
.code-alarm-overlay.code-alarm--pembe .code-alarm-title {
  color: #f9a8d4;
  animation: pembeBlinkText 0.6s ease-in-out infinite;
}
@keyframes pembeBlink {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}
@keyframes pembeBlinkText {
  0%, 100% { opacity: 1; color: #f9a8d4; }
  50% { opacity: 0.7; color: #fce7f3; }
}

/* Beyaz Kod — Personeline yönelik şiddet */
.code-alarm-overlay.code-alarm--beyaz .code-alarm-box {
  background: linear-gradient(165deg, #0f0f12 0%, #1a1a22 50%, #0f0f12 100%);
  border-color: #e2e8f0;
  color: #fff;
}
.code-alarm-overlay.code-alarm--beyaz .code-alarm-effect {
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(226, 232, 240, 0.25) 0%, transparent 60%);
  animation: beyazPulse 1.2s ease-in-out infinite;
}
.code-alarm-overlay.code-alarm--beyaz .code-alarm-title {
  color: #f1f5f9;
  text-shadow: 0 0 20px rgba(255,255,255,0.4);
}
@keyframes beyazPulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* Mavi Kod — Acil tıbbi müdahale */
.code-alarm-overlay.code-alarm--mavi .code-alarm-box {
  background: linear-gradient(165deg, #05101a 0%, #0a1828 50%, #05101a 100%);
  border-color: #3b82f6;
  color: #fff;
}
.code-alarm-overlay.code-alarm--mavi .code-alarm-effect {
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(59, 130, 246, 0.45) 0%, transparent 60%);
  animation: maviPulse 1.5s ease-in-out infinite;
}
.code-alarm-overlay.code-alarm--mavi .code-alarm-title {
  color: #93c5fd;
  text-shadow: 0 0 25px rgba(59, 130, 246, 0.6);
}
@keyframes maviPulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* ROI Calculator */
.product-roi .roi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.product-roi .roi-intro {
  color: #475569;
  margin: -8px 0 14px;
}
.product-roi .roi-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #334155;
  font-size: 0.9rem;
}
.product-roi .roi-grid input {
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.8);
  color: #fff;
  padding: 10px 12px;
}
.product-roi .roi-result {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
  color: #334155;
  line-height: 1.6;
}

.product-roi .roi-result strong {
  color: #0f172a;
}

@media (max-width: 480px) {
  .product-hero { padding: 0 16px; min-height: auto; padding-top: max(80px, env(safe-area-inset-top)); padding-bottom: 48px; }
  .product-hero-content h1 { font-size: clamp(1.6rem, 7vw, 2.2rem); }
  .product-detail-body .container { padding: 0 16px 56px; }
  .code-alarm-box { padding: 32px 20px; margin: 16px; }
}

/* ===== 2026-04 Product Page Refresh ===== */
.page-product {
  --product-surface: rgba(255, 255, 255, 0.88);
  --product-surface-strong: rgba(255, 255, 255, 0.96);
  --product-border: rgba(148, 163, 184, 0.24);
  --product-shadow: 0 28px 64px -42px rgba(15, 23, 42, 0.28);
  --product-shadow-strong: 0 36px 90px -48px rgba(15, 23, 42, 0.34);
  --product-text: #0f172a;
  --product-muted: #475569;
  --product-muted-2: #64748b;
  --theme-accent: #0f766e;
  --theme-accent-2: #0ea5a4;
  --theme-glow: rgba(14, 165, 164, 0.2);
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 32%),
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.12), transparent 36%),
    linear-gradient(180deg, #f6fbff 0%, #eef4fa 46%, #f8fafc 100%);
  color: var(--product-text);
}

.page-product[data-theme="hemsire-cagri"] {
  --theme-accent: #0f9b8e;
  --theme-accent-2: #22c1b6;
  --theme-glow: rgba(15, 155, 142, 0.22);
}

.page-product .header {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(226, 232, 240, 0.92);
  backdrop-filter: blur(18px);
}

.page-product .header.scrolled {
  box-shadow: 0 18px 40px -32px rgba(15, 23, 42, 0.28);
}

.page-product .nav a,
.page-product .nav-mobile a,
.page-product .logo {
  color: var(--product-text);
}

.page-product .nav a:hover,
.page-product .nav-mobile a:hover {
  color: var(--theme-accent);
}

.page-product .menu-toggle::before,
.page-product .menu-toggle::after,
.page-product .menu-toggle span {
  background: var(--product-text);
}

.page-product .btn.btn-primary {
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  color: #ffffff;
  border: none;
  box-shadow: 0 18px 40px -26px var(--theme-glow);
}

.page-product .product-breadcrumb {
  max-width: 1240px;
  margin: 0 auto;
  padding: 118px 28px 12px;
  color: var(--product-muted-2);
}

.page-product .product-breadcrumb a {
  color: var(--product-muted-2);
}

.page-product .product-breadcrumb a:hover {
  color: var(--theme-accent);
}

.page-product .product-hero-outer {
  position: relative;
  overflow: hidden;
  min-height: auto;
  padding: 0 0 28px;
}

.page-product .product-hero-outer::before {
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.14), transparent 28%),
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(238, 244, 250, 0.96)) !important;
  opacity: 1 !important;
}

.page-product .product-hero-outer::after {
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: 0.32;
}

.page-product .product-hero {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 28px 32px;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(320px, 0.97fr);
  gap: clamp(32px, 5vw, 68px);
  align-items: center;
}

.page-product .product-hero-content {
  max-width: 640px;
}

.page-product .product-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--product-muted-2);
}

.page-product .product-back-link:hover {
  color: var(--theme-accent);
}

.page-product .product-hero-content h1 {
  color: #07111f;
  font-size: clamp(2.6rem, 5.3vw, 4.4rem);
  letter-spacing: -0.05em;
  line-height: 1.03;
  opacity: 1;
  animation: none;
  background: none;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

.page-product .product-hero-content .product-subtitle {
  color: var(--theme-accent);
  font-weight: 700;
  opacity: 1;
  animation: none;
}

.page-product .product-hero-content .product-lead,
.page-product .product-hero-content p {
  color: var(--product-muted);
  opacity: 1;
  animation: none;
}

.page-product .product-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
  opacity: 1;
  animation: none;
}

.page-product .btn-product-action {
  border-radius: 999px;
  border: 1px solid var(--product-border);
  background: rgba(255, 255, 255, 0.92);
  color: var(--product-text);
  box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.3);
}

.page-product .btn-product-action.btn-teklif {
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
  color: #ffffff;
  border-color: transparent;
}

.page-product .btn-product-action:hover {
  transform: translateY(-3px);
  border-color: rgba(15, 118, 110, 0.24);
}

.page-product .product-time-demo,
.page-product .product-or-panel,
.page-product .product-nurse-panel,
.page-product .product-roi,
.page-product .product-description-block,
.page-product .product-sidebar .card {
  background: var(--product-surface);
  border: 1px solid var(--product-border);
  box-shadow: var(--product-shadow);
  backdrop-filter: blur(16px);
}

.page-product .product-time-demo,
.page-product .product-or-panel,
.page-product .product-nurse-panel {
  border-radius: 28px;
}

.page-product .product-time-demo {
  margin-top: 20px;
}

.page-product .time-box {
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(226, 232, 240, 0.9);
}

.page-product .time-label,
.page-product .or-panel-sub,
.page-product .nurse-panel-sub {
  color: var(--product-muted-2);
}

.page-product .time-value,
.page-product .or-panel-title,
.page-product .nurse-panel-title {
  color: var(--product-text);
}

.page-product .time-btn,
.page-product .alert-btn,
.page-product .or-tile,
.page-product .nurse-tile {
  border-radius: 18px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: rgba(255, 255, 255, 0.94);
  color: var(--product-text);
  box-shadow: 0 16px 34px -30px rgba(15, 23, 42, 0.24);
}

.page-product .or-tile:hover,
.page-product .nurse-tile:hover,
.page-product .time-btn:hover,
.page-product .alert-btn:hover {
  transform: translateY(-3px);
  border-color: rgba(15, 118, 110, 0.3);
}

.page-product .or-tile-desc,
.page-product .nurse-tile-desc {
  color: var(--product-muted);
}

.page-product .product-hero-image-wrap {
  opacity: 1;
  animation: none;
  padding: clamp(22px, 3.6vw, 40px);
  border-radius: 34px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.95));
  box-shadow: var(--product-shadow-strong);
}

.page-product .product-hero-image-wrap::before,
.page-product .product-feature-card::before,
.page-product .product-feature-card::after,
.page-product .product-description-block::before {
  content: none !important;
  display: none !important;
}

.page-product .product-hero-image-wrap img,
.page-product .product-hero-image-wrap .product-hero-image,
.page-product .product-hero-image-wrap .no-image-placeholder {
  width: min(100%, 520px);
  margin: 0 auto;
  border: none;
  background: transparent;
  box-shadow: none;
}

.page-product .product-hero-image-wrap .product-hero-image {
  display: block;
  height: auto;
  object-fit: contain;
}

.page-product .product-hero-image-link {
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.page-product .product-hero-image-link:hover,
.page-product .product-hero-image-link:focus-visible {
  transform: translateY(-6px);
  border-color: rgba(15, 118, 110, 0.3);
  box-shadow: 0 42px 84px -48px rgba(15, 23, 42, 0.3);
}

.page-product .product-image-hint {
  left: 24px;
  bottom: 22px;
  transform: none;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(203, 213, 225, 0.95);
  background: rgba(255, 255, 255, 0.96);
  color: var(--product-text);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.28);
}

.page-product .product-section,
.page-product .product-detail-body .container {
  max-width: 1240px;
}

.page-product .product-section {
  padding: 46px 28px 12px;
}

.page-product .product-section h2 {
  margin-bottom: 22px;
  color: var(--product-text);
  font-size: clamp(1.7rem, 2.4vw, 2.25rem);
}

.page-product .product-section h2::before {
  height: 32px;
  background: linear-gradient(180deg, var(--theme-accent), rgba(15, 118, 110, 0));
}

.page-product .product-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.page-product .product-feature-card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 16px;
  padding: 24px;
  border-radius: 24px;
  background: var(--product-surface);
  border: 1px solid var(--product-border);
  box-shadow: var(--product-shadow);
  opacity: 1;
  transform: none;
  overflow: visible;
}

.page-product .product-feature-card .icon,
.page-product .product-feature-card .report-bars,
.page-product .product-feature-card .music-bars {
  display: none !important;
}

.page-product .product-feature-card:hover {
  transform: translateY(-6px);
  border-color: rgba(15, 118, 110, 0.22);
  box-shadow: 0 34px 72px -48px rgba(15, 23, 42, 0.35);
}

.page-product .product-feature-card[data-code]:hover {
  border-color: rgba(239, 68, 68, 0.26);
}

.page-product .feature-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(34, 197, 94, 0.18));
  color: var(--theme-accent-strong, var(--theme-accent));
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.page-product .feature-index svg,
.page-product .system-overview-badge svg,
.page-product .system-chip svg,
.page-product[data-theme="hemsire-cagri"] .nurse-overview-action-badge svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-product .product-feature-copy {
  display: grid;
  gap: 8px;
}

.page-product .product-feature-copy h3 {
  margin: 0;
  color: var(--product-text);
  font-size: 1.04rem;
  line-height: 1.38;
}

.page-product .product-feature-copy p {
  margin: 0;
  color: var(--product-muted);
  line-height: 1.72;
}

.page-product .product-media-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.page-product .product-media-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.page-product .product-media-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.78);
}

.page-product .product-media-dialog {
  position: relative;
  z-index: 1;
  width: min(980px, 100%);
  padding: 18px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(226, 232, 240, 0.92);
  box-shadow: 0 40px 120px -52px rgba(15, 23, 42, 0.6);
}

.page-product .product-media-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background: rgba(255, 255, 255, 0.96);
  color: var(--product-text);
  font-size: 1.6rem;
  cursor: pointer;
}

.page-product .product-media-figure {
  margin: 0;
  display: grid;
  gap: 18px;
}

.page-product .product-media-figure img {
  width: 100%;
  max-height: 72vh;
  object-fit: contain;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #eef4fa);
}

.page-product .product-media-caption {
  display: grid;
  gap: 6px;
  padding: 0 6px 6px;
}

.page-product .product-media-title {
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--product-text);
}

.page-product .product-media-copy {
  color: var(--product-muted);
  line-height: 1.68;
}

.page-product.product-overlay-open {
  overflow: hidden;
}

.page-product .product-detail-body {
  padding: 28px 0 82px;
}

.page-product .product-detail-content {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(280px, 0.64fr);
  gap: 28px;
  align-items: start;
}

.page-product .product-description-block {
  padding: clamp(28px, 4vw, 42px);
  border-radius: 30px;
}

.page-product .product-description-block .lead {
  color: var(--product-text);
  font-size: 1.14rem;
  line-height: 1.74;
}

.page-product .product-description-block .description,
.page-product .product-description-block .description p,
.page-product .product-description-block .description li,
.page-product .product-description-block .description td,
.page-product .product-description-block .description span {
  color: var(--product-muted);
  line-height: 1.8;
}

.page-product .product-description-block .description h2,
.page-product .product-description-block .description h3,
.page-product .product-description-block .description h4,
.page-product .product-description-block .description strong {
  color: var(--product-text);
}

.page-product .product-sidebar .card {
  position: sticky;
  top: 106px;
  padding: 28px;
  border-radius: 28px;
}

.page-product .product-sidebar h4 {
  color: var(--product-text);
}

.page-product .product-sidebar .feature-list li {
  color: var(--product-muted);
  border-bottom-color: rgba(226, 232, 240, 0.85);
}

.page-product .product-sidebar .feature-list li::before {
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-2));
}

.page-product .btn-catalog {
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(34, 197, 94, 0.14));
  color: var(--product-text);
  border: 1px solid rgba(15, 118, 110, 0.14);
}

.page-product .product-cta {
  padding: 0 28px 96px;
}

.page-product .product-cta .btn-primary {
  border-radius: 999px;
  box-shadow: 0 24px 50px -28px var(--theme-glow);
}

.page-product [data-media-slider] {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.page-product [data-slider-track] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, 1fr);
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 6px 2px 10px;
}

.page-product [data-slider-track]::-webkit-scrollbar {
  display: none;
}

.page-product [data-slider-prev],
.page-product [data-slider-next] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(203, 213, 225, 0.96);
  background: rgba(255, 255, 255, 0.96);
  color: var(--product-text);
  box-shadow: 0 20px 40px -30px rgba(15, 23, 42, 0.26);
}

.page-product .asset-slider-item {
  margin: 0;
  padding: 22px;
  border-radius: 28px;
  border: 1px solid var(--product-border);
  background: var(--product-surface);
  box-shadow: var(--product-shadow);
  scroll-snap-align: start;
}

.page-product .asset-slider-item img {
  width: 100%;
  height: 260px;
  object-fit: contain;
  display: block;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #eef4fa);
}

.page-product .asset-slider-item--cover img,
.page-product .laundry-slider-item--screen img {
  object-fit: cover;
  padding: 0;
}

.page-product .asset-slider-item figcaption {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.page-product .asset-slider-item figcaption strong {
  color: var(--product-text);
  font-size: 1rem;
}

.page-product .asset-slider-item figcaption span {
  color: var(--product-muted);
  line-height: 1.72;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-section {
  margin-top: 32px;
  padding: clamp(26px, 3.5vw, 38px);
  border-radius: 32px;
  border: 1px solid rgba(203, 213, 225, 0.88);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.94));
  box-shadow: 0 34px 80px -50px rgba(15, 23, 42, 0.28);
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-kicker,
.page-product[data-theme="hemsire-cagri"] .nurse-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(15, 155, 142, 0.1);
  color: var(--theme-accent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-product[data-theme="hemsire-cagri"] .nurse-chip {
  margin: 0 0 14px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-heading {
  max-width: 860px;
  margin-bottom: 24px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-heading h3,
.page-product[data-theme="hemsire-cagri"] .nurse-component-copy h4,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card h4,
.page-product[data-theme="hemsire-cagri"] .nurse-video-copy h4 {
  color: var(--product-text);
}

.page-product[data-theme="hemsire-cagri"] .nurse-detail-heading p,
.page-product[data-theme="hemsire-cagri"] .nurse-component-copy p,
.page-product[data-theme="hemsire-cagri"] .nurse-flow-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card p,
.page-product[data-theme="hemsire-cagri"] .nurse-video-copy p {
  color: var(--product-muted);
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-shell {
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(0, 1.12fr);
  gap: 22px;
  align-items: stretch;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-actions {
  display: grid;
  gap: 14px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-action {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  width: 100%;
  padding: 18px 18px 18px 16px;
  text-align: left;
  border-radius: 24px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.24);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-action:hover,
.page-product[data-theme="hemsire-cagri"] .nurse-overview-action:focus-visible,
.page-product[data-theme="hemsire-cagri"] .nurse-overview-action.is-active {
  transform: translateX(8px);
  border-color: rgba(15, 155, 142, 0.28);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(240, 253, 250, 0.96));
  box-shadow: 0 30px 56px -40px rgba(15, 23, 42, 0.28);
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-action-badge {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(15, 155, 142, 0.14), rgba(34, 193, 182, 0.2));
  color: var(--theme-accent);
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-action-copy strong {
  display: block;
  margin-bottom: 4px;
  color: var(--product-text);
  font-size: 1rem;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-action-copy span {
  color: var(--product-muted);
  line-height: 1.66;
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-stage {
  margin: 0;
  display: grid;
  gap: 18px;
  align-content: start;
  min-height: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.94));
  box-shadow: 0 34px 70px -46px rgba(15, 23, 42, 0.28);
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-stage img {
  width: 100%;
  height: clamp(320px, 35vw, 460px);
  object-fit: contain;
  padding: clamp(22px, 4vw, 34px);
  background: radial-gradient(circle at top, rgba(240, 249, 255, 0.92), rgba(255, 255, 255, 0.96));
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-stage.is-swapping img {
  animation: nurseStageSwap 0.36s cubic-bezier(0.22, 1, 0.36, 1);
}

.page-product[data-theme="hemsire-cagri"] .nurse-overview-stage-copy {
  display: grid;
  gap: 8px;
  padding: 0 28px 28px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-stage-kicker {
  color: var(--theme-accent);
  font-size: 0.84rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.page-product[data-theme="hemsire-cagri"] .nurse-stage-title {
  font-size: clamp(1.28rem, 2.2vw, 1.8rem);
  line-height: 1.18;
}

.page-product[data-theme="hemsire-cagri"] .nurse-stage-text {
  color: var(--product-muted);
  line-height: 1.74;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-stack {
  display: grid;
  gap: 30px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-row--reverse .nurse-component-media {
  order: 2;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-row--reverse .nurse-component-copy {
  order: 1;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-media {
  margin: 0;
  padding: clamp(18px, 3.2vw, 28px);
  border-radius: 30px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(239, 246, 255, 0.94));
  box-shadow: 0 28px 60px -42px rgba(15, 23, 42, 0.24);
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-media img {
  display: block;
  width: 100%;
  height: clamp(250px, 30vw, 380px);
  object-fit: contain;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-copy {
  max-width: 560px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-copy h4 {
  margin: 10px 0 14px;
  font-size: clamp(1.28rem, 2vw, 1.8rem);
  line-height: 1.18;
}

.page-product[data-theme="hemsire-cagri"] .nurse-component-copy p {
  margin: 0;
  line-height: 1.85;
}

.page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.page-product[data-theme="hemsire-cagri"] .nurse-flow-card,
.page-product[data-theme="hemsire-cagri"] .nurse-benefit-card,
.page-product[data-theme="hemsire-cagri"] .nurse-video-card {
  padding: 24px;
  border-radius: 26px;
  border: 1px solid rgba(203, 213, 225, 0.88);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 26px 50px -40px rgba(15, 23, 42, 0.22);
}

.page-product[data-theme="hemsire-cagri"] .nurse-video-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.92fr);
  gap: 24px;
  align-items: center;
}

.page-product[data-theme="hemsire-cagri"] .nurse-video-card video {
  width: 100%;
  border-radius: 24px;
  background: #000;
  box-shadow: 0 26px 56px -42px rgba(15, 23, 42, 0.32);
}

.page-product[data-theme="hemsire-cagri"] .nurse-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  color: var(--theme-accent);
  font-weight: 700;
}

.page-product[data-theme="hemsire-cagri"] .nurse-inline-link:hover {
  color: #0b7066;
}

@keyframes nurseStageSwap {
  from {
    opacity: 0.7;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  .page-product .product-hero {
    grid-template-columns: 1fr;
  }

  .page-product .product-hero-image-wrap {
    order: -1;
  }

  .page-product .product-features-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-product .product-detail-content,
  .page-product[data-theme="hemsire-cagri"] .nurse-overview-shell,
  .page-product[data-theme="hemsire-cagri"] .nurse-component-row,
  .page-product[data-theme="hemsire-cagri"] .nurse-video-card {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-component-row--reverse .nurse-component-media,
  .page-product[data-theme="hemsire-cagri"] .nurse-component-row--reverse .nurse-component-copy {
    order: initial;
  }

  .page-product .product-sidebar .card {
    position: static;
  }
}

@media (max-width: 760px) {
  .page-product .product-breadcrumb,
  .page-product .product-hero,
  .page-product .product-section,
  .page-product .product-cta {
    padding-left: 18px;
    padding-right: 18px;
  }

  .page-product .product-breadcrumb {
    padding-top: 104px;
  }

  .page-product .product-features-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-flow-grid,
  .page-product[data-theme="hemsire-cagri"] .nurse-benefit-grid {
    grid-template-columns: 1fr;
  }

  .page-product [data-media-slider] {
    grid-template-columns: 1fr;
  }

  .page-product [data-slider-prev],
  .page-product [data-slider-next] {
    display: none;
  }

  .page-product .asset-slider-item img {
    height: 220px;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-overview-action:hover,
  .page-product[data-theme="hemsire-cagri"] .nurse-overview-action:focus-visible,
  .page-product[data-theme="hemsire-cagri"] .nurse-overview-action.is-active {
    transform: none;
  }

  .page-product[data-theme="hemsire-cagri"] .nurse-overview-stage img,
  .page-product[data-theme="hemsire-cagri"] .nurse-component-media img {
    height: 240px;
  }
}

/* ========== Shared polish: Personel Takip ========== */
.page-product[data-theme="personel-takip"] .staff-detail-section {
  margin-top: 32px;
  padding: clamp(24px, 3.4vw, 36px);
  border-radius: 32px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.96));
  box-shadow: 0 34px 80px -50px rgba(15, 23, 42, 0.24);
}

.page-product[data-theme="personel-takip"] .staff-detail-heading {
  max-width: 860px;
  margin-bottom: 24px;
}

.page-product[data-theme="personel-takip"] .staff-detail-kicker,
.page-product[data-theme="personel-takip"] .staff-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.08);
  color: #4f46e5;
  border: 1px solid rgba(165, 180, 252, 0.32);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-product[data-theme="personel-takip"] .staff-chip {
  margin: 0 0 14px;
}

.page-product[data-theme="personel-takip"] .staff-detail-heading h3,
.page-product[data-theme="personel-takip"] .staff-info-card h4,
.page-product[data-theme="personel-takip"] .staff-flow-card h4,
.page-product[data-theme="personel-takip"] .staff-benefit-card h4 {
  color: var(--product-text);
}

.page-product[data-theme="personel-takip"] .staff-detail-heading p,
.page-product[data-theme="personel-takip"] .staff-info-card p,
.page-product[data-theme="personel-takip"] .staff-flow-card p,
.page-product[data-theme="personel-takip"] .staff-benefit-card p,
.page-product[data-theme="personel-takip"] .staff-slider-item figcaption span {
  color: var(--product-muted);
}

.page-product[data-theme="personel-takip"] .staff-overview-grid {
  grid-template-columns: minmax(320px, 1.08fr) minmax(0, 0.92fr);
  gap: 22px;
  align-items: stretch;
}

.page-product[data-theme="personel-takip"] .staff-overview-visual {
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(238, 242, 255, 0.92));
  box-shadow: 0 30px 64px -42px rgba(15, 23, 42, 0.22);
}

.page-product[data-theme="personel-takip"] .staff-overview-visual img {
  min-height: 100%;
}

.page-product[data-theme="personel-takip"] .staff-overview-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-product[data-theme="personel-takip"] .staff-info-card,
.page-product[data-theme="personel-takip"] .staff-flow-card,
.page-product[data-theme="personel-takip"] .staff-benefit-card {
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(203, 213, 225, 0.88);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 48px -40px rgba(15, 23, 42, 0.16);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.page-product[data-theme="personel-takip"] .staff-info-card:hover,
.page-product[data-theme="personel-takip"] .staff-flow-card:hover,
.page-product[data-theme="personel-takip"] .staff-benefit-card:hover {
  transform: translateY(-4px);
  border-color: rgba(129, 140, 248, 0.34);
  box-shadow: 0 30px 54px -42px rgba(79, 70, 229, 0.22);
}

.page-product[data-theme="personel-takip"] .staff-flow-grid,
.page-product[data-theme="personel-takip"] .staff-benefit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.page-product[data-theme="personel-takip"] .staff-media-slider {
  position: relative;
  padding: 0 56px;
}

.page-product[data-theme="personel-takip"] .staff-slider-item {
  border-radius: 26px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(238, 242, 255, 0.9));
  box-shadow: 0 28px 58px -44px rgba(79, 70, 229, 0.18);
}

.page-product[data-theme="personel-takip"] .staff-slider-item img {
  height: 280px;
  padding: 22px;
  background: radial-gradient(circle at top, rgba(224, 231, 255, 0.9), rgba(255, 255, 255, 1));
}

.page-product[data-theme="personel-takip"] .staff-slider-item figcaption {
  display: grid;
  gap: 8px;
  padding: 18px 20px 20px;
}

.page-product[data-theme="personel-takip"] .staff-slider-item strong {
  color: var(--product-text);
}

.page-product[data-theme="personel-takip"] .staff-slider-nav {
  background: rgba(15, 23, 42, 0.88);
  color: #f8fafc;
  box-shadow: 0 20px 36px rgba(15, 23, 42, 0.22);
}

.page-product[data-theme="personel-takip"] .staff-slider-nav:hover:not(:disabled) {
  background: #4f46e5;
}

@media (max-width: 1100px) {
  .page-product[data-theme="personel-takip"] .staff-overview-grid,
  .page-product[data-theme="personel-takip"] .staff-flow-grid,
  .page-product[data-theme="personel-takip"] .staff-benefit-grid {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="personel-takip"] .staff-overview-copy {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .page-product[data-theme="personel-takip"] .staff-overview-copy,
  .page-product[data-theme="personel-takip"] .staff-flow-grid,
  .page-product[data-theme="personel-takip"] .staff-benefit-grid {
    grid-template-columns: 1fr;
  }

  .page-product[data-theme="personel-takip"] .staff-slider-item img {
    height: 240px;
  }
}

/* ========== Shared system-detail layout for remaining product pages ========== */
.page-product .system-detail-section {
  margin-top: 32px;
  padding: clamp(26px, 3.4vw, 40px);
  border-radius: 32px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98));
  box-shadow: 0 34px 80px -54px rgba(15, 23, 42, 0.22);
}

.page-product .system-detail-heading {
  max-width: 860px;
  margin-bottom: 24px;
}

.page-product .system-detail-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  background: rgba(255, 255, 255, 0.88);
  color: var(--theme-accent-strong, #0f766e);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.page-product .system-detail-heading h3 {
  margin: 0;
  color: var(--product-text);
  font-size: clamp(1.75rem, 2.5vw, 2.35rem);
  line-height: 1.14;
}

.page-product .system-detail-heading p {
  margin: 14px 0 0;
  color: var(--product-muted);
  font-size: 1rem;
  line-height: 1.75;
}

.page-product .system-overview-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 28px;
  align-items: stretch;
}

.page-product .system-overview-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-product .system-overview-action {
  appearance: none;
  width: 100%;
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px;
  text-align: left;
  border-radius: 24px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
  color: inherit;
  cursor: pointer;
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.page-product .system-overview-action:hover,
.page-product .system-overview-action:focus-visible,
.page-product .system-overview-action.is-active {
  transform: translateY(-4px);
  border-color: rgba(15, 118, 110, 0.28);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(236, 253, 245, 0.94));
  box-shadow: 0 28px 56px -42px rgba(15, 23, 42, 0.35);
  outline: none;
}

.page-product .system-overview-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(15, 118, 110, 0.12);
  color: var(--theme-accent-strong, #0f766e);
  font-weight: 800;
  font-size: 0.95rem;
}

.page-product .system-overview-copy {
  display: grid;
  gap: 8px;
}

.page-product .system-overview-copy strong {
  color: var(--product-text);
  font-size: 1.02rem;
  line-height: 1.35;
}

.page-product .system-overview-copy span {
  color: var(--product-muted);
  font-size: 0.95rem;
  line-height: 1.65;
}

.page-product .system-overview-stage {
  position: relative;
  display: grid;
  gap: 20px;
  align-content: start;
  min-height: 100%;
  padding: clamp(22px, 3vw, 28px);
  border-radius: 30px;
  border: 1px solid rgba(191, 219, 254, 0.82);
  background:
    radial-gradient(circle at top right, rgba(191, 219, 254, 0.42), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 32px 72px -56px rgba(15, 23, 42, 0.34);
}

.page-product .system-overview-stage img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(226, 232, 240, 0.65));
  padding: clamp(16px, 2vw, 20px);
}

.page-product .system-stage-copy {
  display: grid;
  gap: 8px;
}

.page-product .system-stage-kicker {
  color: var(--theme-accent-strong, #0f766e);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.page-product .system-stage-title {
  color: var(--product-text);
  font-size: 1.35rem;
  line-height: 1.3;
}

.page-product .system-stage-text {
  color: var(--product-muted);
  font-size: 0.98rem;
  line-height: 1.72;
}

.page-product .system-component-stack {
  display: grid;
  gap: 22px;
}

.page-product .system-component-row {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 26px;
  align-items: center;
}

.page-product .system-component-row--reverse {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.page-product .system-component-row--reverse .system-component-media {
  order: 2;
}

.page-product .system-component-row--reverse .system-component-copy {
  order: 1;
}

.page-product .system-component-media {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(18px, 2.6vw, 26px);
  min-height: 280px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94)),
    radial-gradient(circle at top, rgba(191, 219, 254, 0.3), transparent 48%);
  border: 1px solid rgba(226, 232, 240, 0.96);
}

.page-product .system-component-media img {
  width: 100%;
  max-width: 420px;
  max-height: 320px;
  object-fit: contain;
}

.page-product .system-component-copy {
  display: grid;
  gap: 14px;
}

.page-product .system-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 42px;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.1);
  color: var(--theme-accent-strong, #0f766e);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-product .system-component-copy h4 {
  margin: 0;
  color: var(--product-text);
  font-size: 1.35rem;
  line-height: 1.28;
}

.page-product .system-component-copy p {
  margin: 0;
  color: var(--product-muted);
  font-size: 0.98rem;
  line-height: 1.76;
}

.page-product .system-copy-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-product .system-copy-list li {
  position: relative;
  padding-left: 18px;
  color: var(--product-muted);
  line-height: 1.65;
}

.page-product .system-copy-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--theme-accent, #14b8a6), var(--theme-accent-2, #38bdf8));
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.12);
}

.page-product .system-flow-grid,
.page-product .system-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.page-product .system-flow-card,
.page-product .system-benefit-card {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  box-shadow: 0 24px 54px -46px rgba(15, 23, 42, 0.24);
}

.page-product .system-flow-card h4,
.page-product .system-benefit-card h4 {
  margin: 0;
  color: var(--product-text);
  font-size: 1.06rem;
  line-height: 1.35;
}

.page-product .system-flow-card p,
.page-product .system-benefit-card p {
  margin: 0;
  color: var(--product-muted);
  font-size: 0.96rem;
  line-height: 1.72;
}

.page-product .system-media-slider {
  position: relative;
}

.page-product .system-slider-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 2px 4px 8px;
  scrollbar-width: none;
}

.page-product .system-slider-track::-webkit-scrollbar {
  display: none;
}

.page-product .system-slider-item {
  min-width: min(320px, calc(100vw - 88px));
  scroll-snap-align: start;
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 26px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94));
  box-shadow: 0 26px 62px -50px rgba(15, 23, 42, 0.28);
}

.page-product .system-slider-item img {
  width: 100%;
  height: 260px;
  object-fit: contain;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(226, 232, 240, 0.72));
  padding: 16px;
}

.page-product .system-slider-item--cover img {
  object-fit: cover;
  padding: 0;
}

.page-product .system-slider-item figcaption {
  display: grid;
  gap: 8px;
}

.page-product .system-slider-item strong {
  color: var(--product-text);
}

.page-product .system-slider-item span {
  color: var(--product-muted);
  line-height: 1.68;
}

.page-product .system-slider-nav {
  position: absolute;
  top: calc(50% - 18px);
  transform: translateY(-50%);
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.86);
  color: #f8fafc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 20px 34px rgba(15, 23, 42, 0.22);
}

.page-product .system-slider-nav:disabled {
  opacity: 0.38;
  cursor: default;
}

.page-product .system-slider-nav--prev {
  left: -12px;
}

.page-product .system-slider-nav--next {
  right: -12px;
}

.page-product .system-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.page-product .system-gallery-item {
  display: grid;
  gap: 12px;
  padding: 20px;
  border-radius: 26px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95));
}

.page-product .system-gallery-item img {
  width: 100%;
  height: 260px;
  object-fit: contain;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(226, 232, 240, 0.68));
  padding: 14px;
}

.page-product .system-gallery-item--cover img {
  object-fit: cover;
  padding: 0;
}

.page-product .system-gallery-item figcaption {
  display: grid;
  gap: 8px;
}

.page-product .system-gallery-item strong {
  color: var(--product-text);
}

.page-product .system-gallery-item span {
  color: var(--product-muted);
  line-height: 1.66;
}

@media (max-width: 1100px) {
  .page-product .system-overview-shell,
  .page-product .system-component-row,
  .page-product .system-component-row--reverse {
    grid-template-columns: 1fr;
  }

  .page-product .system-component-row--reverse .system-component-media,
  .page-product .system-component-row--reverse .system-component-copy {
    order: initial;
  }

  .page-product .system-overview-actions,
  .page-product .system-flow-grid,
  .page-product .system-benefit-grid,
  .page-product .system-gallery-grid {
    grid-template-columns: 1fr;
  }

  .page-product .system-slider-nav--prev {
    left: 0;
  }

  .page-product .system-slider-nav--next {
    right: 0;
  }
}

@media (max-width: 760px) {
  .page-product .system-detail-section {
    padding: 22px 18px;
    border-radius: 26px;
  }

  .page-product .system-overview-action,
  .page-product .system-flow-card,
  .page-product .system-benefit-card,
  .page-product .system-slider-item,
  .page-product .system-gallery-item {
    padding: 18px;
    border-radius: 22px;
  }

  .page-product .system-overview-stage,
  .page-product .system-component-media {
    padding: 18px;
    border-radius: 24px;
  }

  .page-product .system-overview-stage img,
  .page-product .system-slider-item img,
  .page-product .system-gallery-item img {
    height: 220px;
  }
}

.page-product,
.page-product h1,
.page-product h2,
.page-product h3,
.page-product h4,
.page-product h5,
.page-product h6,
.page-product p,
.page-product li,
.page-product span,
.page-product strong,
.page-product a,
.page-product button,
.page-product label {
  color: #000;
}

.page-product .btn,
.page-product [class*="card"],
.page-product [class*="panel"],
.page-product [class*="tile"],
.page-product [class*="badge"],
.page-product [class*="chip"],
.page-product [class*="tag"],
.page-product [class*="pill"],
.page-product [class*="shell"],
.page-product [class*="wrap"],
.page-product [class*="box"],
.page-product input,
.page-product textarea,
.page-product select,
.page-product button,
.page-product img,
.page-product iframe,
.page-product video {
  border-radius: var(--radius) !important;
}

.page-product .product-hero-content h1,
.page-product .product-hero-content .product-subtitle,
.page-product .product-hero-content .product-lead {
  color: #000 !important;
  background: none !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}