.detail-container { max-width:1200px; margin:0 auto; padding:1rem 1rem 100px; }.detail-layout { display:grid; grid-template-columns:1fr 380px; gap:2rem; align-items:start; }.detail-main { min-width:0; }.detail-gallery { position:relative; border-radius:24px; overflow:hidden; background:#f8fafc; border:1px solid #f1f5f9; margin-bottom:1.5rem; box-shadow:0 4px 20px rgba(0, 0, 0, 0.03); height:450px; display:flex; align-items:center; justify-content:center; }.detail-gallery img { width:100%; height:100%; object-fit:cover; display:block; }.mobile-cta-card { display:none; }@media (max-width:768px) {.detail-gallery { height:220px; border-radius:16px; margin-bottom:1rem; }.gallery-actions { top:10px !important; right:10px !important; gap:6px !important; }.btn-gallery-action { width:32px !important; height:32px !important; border-radius:8px !important; font-size:0.8rem !important; }.detail-layout { grid-template-columns:1fr; gap:1rem; }.detail-container {  padding-bottom:85px; }.mobile-cta-card { display:block; margin-bottom:1.5rem; background:#fff; border-radius:20px; border:1px solid #f1f5f9; padding:1.5rem; box-shadow:0 4px 15px rgba(0,0,0,0.02); }.desktop-cta-card { display:none !important; }.desktop-only-filter { display:none !important; }.desktop-badges { display:none !important; }.mobile-badges { display:flex !important; }}.gallery-actions { position:absolute; top:15px; right:15px; display:flex; flex-direction:column; gap:8px; z-index:20; }.btn-gallery-action { width:40px; height:40px; border-radius:12px; background:rgba(255, 255, 255, 0.85); backdrop-filter:blur(8px); border:1px solid rgba(255, 255, 255, 0.3); display:flex; align-items:center; justify-content:center; color:#475569; cursor:pointer; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow:0 4px 12px rgba(0, 0, 0, 0.05); }.btn-gallery-action:hover { transform:scale(1.1); background:#fff; color:#0f172a; }.btn-gallery-action.active { color:#ef4444; background:#fff; }.detail-sidebar { display:flex; flex-direction:column; gap:1.25rem; }.sidebar-card { background:#fff; border-radius:24px; border:1px solid #f1f5f9; padding:1.5rem; box-shadow:0 4px 15px rgba(0, 0, 0, 0.02); }.instructor-box { display:flex; align-items:center; gap:14px; padding-bottom:1.25rem; border-bottom:1px solid #f8fafc; margin-bottom:1.25rem; }.instructor-avatar { width:56px; height:56px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:0 4px 10px rgba(0, 0, 0, 0.05); }.instructor-info h4 { font-weight:800; font-size:1.05rem; color:#0f172a; margin:0; }.instructor-info span { font-size:0.8rem; color:#94a3b8; font-weight:700; }.sidebar-info-list { display:flex; flex-direction:column; gap:12px; margin:1.5rem 0 0 0; }.info-item { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; background:#f8fafc; border-radius:14px; border:1px solid #f1f5f9; }.info-item .label { font-size:0.75rem; font-weight:700; color:#64748b; text-transform:uppercase; }.info-item .value { font-size:0.85rem; font-weight:800; color:#0f172a; }.detail-price { font-size:1.8rem; font-weight:900; color:#3b82f6; margin-bottom:0.5rem; line-height:1; margin-top:-0.25rem; }.detail-price.free { color:#22c55e; }.detail-title { font-size:1.25rem; font-weight:800; color:#0f172a; margin-bottom:1.25rem; line-height:1.3; }.detail-badges { display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:1.5rem; }.detail-badge { padding:6px 14px; border-radius:100px; font-size:0.8rem; font-weight:800; display:flex; align-items:center; gap:6px; }.desktop-badges { position:absolute; bottom:15px; left:15px; margin:0; z-index:20; }.desktop-badges .detail-badge { background:rgba(255,255,255,0.9); backdrop-filter:blur(4px); box-shadow:0 4px 10px rgba(0,0,0,0.1); }.mobile-badges { display:none; margin-bottom:1rem; }.mobile-badges .detail-badge { background:#f8fafc; border:1px solid #f1f5f9; padding:4px 10px; font-size:0.75rem; }.badge-cat { color:#3b82f6; }.badge-featured { color:#f59e0b; }.badge-views { color:#64748b; }.badge-rating { color:#f59e0b; }.detail-desc { background:#fff; border-radius:20px; border:1px solid #f1f5f9; padding:1.25rem; margin-bottom:1rem; }.detail-desc h3 { font-size:1.1rem; font-weight:800; margin-top:0; margin-bottom:0.75rem; color:#0f172a; border-bottom:1px solid #f1f5f9; padding-bottom:0.5rem; }.detail-desc p { font-size:0.95rem; line-height:1.6; color:#475569; white-space:pre-wrap; margin:0; }.detail-desc ul { margin:0 0 0 1.5rem; color:#475569; padding:0; }.detail-desc li { margin-bottom:0.25rem; font-size:0.95rem; }.btn-primary-action { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px; border-radius:14px; font-weight:800; font-size:0.95rem; text-decoration:none; transition:all 0.2s; border:none; cursor:pointer; background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color:#fff; width:100%; box-shadow:0 4px 12px rgba(59, 130, 246, 0.2); }.btn-primary-action:hover { transform:translateY(-2px); filter:brightness(1.1); }.btn-success-action { background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color:#fff; box-shadow:0 4px 12px rgba(34, 197, 94, 0.2); cursor:default; }.review-item { border-bottom:1px solid #f1f5f9; padding:1rem 0; }.review-item:last-child { border-bottom:none; }.review-header { display:flex; justify-content:space-between; margin-bottom:0.5rem; }.review-user { display:flex; align-items:center; gap:10px; }.review-user img { width:32px; height:32px; border-radius:50%; object-fit:cover; }.review-user-name { font-weight:700; font-size:0.9rem; color:#0f172a; }.review-date { font-size:0.75rem; color:#94a3b8; }.review-stars { color:#f59e0b; font-size:0.8rem; }.review-comment { font-size:0.9rem; color:#475569; margin-left:42px; line-height:1.5; }.module-item { border:1px solid #f1f5f9; border-radius:12px; margin-bottom:0.5rem; overflow:hidden; background:#fff; }.module-item summary { cursor:pointer; background:#f8fafc; padding:12px 16px; font-weight:700; color:#3b82f6; display:flex; justify-content:space-between; align-items:center; list-style:none; user-select:none; gap:10px; }.module-item summary > div { display:flex; align-items:flex-start; gap:8px; flex:1; min-width:0; }.module-item summary > div > span { white-space:pre-wrap; word-break:break-word; line-height:1.4; margin-top:-2px; }.module-item summary::-webkit-details-marker { display:none; }.module-stats { font-size:0.8rem; color:#64748b; font-weight:600; white-space:nowrap; flex-shrink:0; }.module-icon { transition:transform 0.3s; font-size:0.85rem; margin-top:4px; flex-shrink:0; }.module-item[open] .module-icon { transform:rotate(180deg); }.lesson-list { padding:0.5rem 1rem 1rem; margin:0; list-style:none; display:flex; flex-direction:column; gap:0.5rem; }.lesson-item { display:flex; align-items:center; justify-content:space-between; font-size:0.9rem; padding:0.6rem 0.8rem; background:#f8fafc; border:1px solid #f1f5f9; border-radius:8px; color:#334155; gap:10px; }.lesson-item-left { display:flex; align-items:flex-start; gap:8px; flex:1; min-width:0; }.lesson-item-left span { white-space:pre-wrap; word-break:break-word; font-weight:600; line-height:1.4; margin-top:-1px; }.lesson-item-right { display:flex; align-items:center; gap:10px; flex-shrink:0; }.lesson-item:hover { background:#f1f5f9; }.similar-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1rem; }@media (max-width:480px) { .similar-grid { grid-template-columns:1fr; }.module-item summary { flex-direction:column; align-items:flex-start; padding:12px; }.module-stats { margin-left:22px; margin-top:4px; font-size:0.75rem; }.lesson-item { flex-direction:column; align-items:flex-start; padding:0.8rem; }.lesson-item-right { width:100%; justify-content:flex-end; margin-top:4px; }}@media (max-width:768px) { .egitim-top-bar { display:none !important; } .egitim-hero-links { display:none !important; } }.modal-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; display:none; align-items:center; justify-content:center; backdrop-filter:blur(5px); }.modal-overlay.active { display:flex; }.modal-content { background:#fff; width:90%; max-width:400px; border-radius:20px; padding:1.5rem; position:relative; }.modal-close { position:absolute; top:15px; right:15px; background:none; border:none; font-size:1.2rem; cursor:pointer; color:#94a3b8; }

/* 🌟 MASAÜSTÜ PAYLAŞIM BUTONLARI */
.desktop-share-buttons {
  display: flex !important;
  gap: 6px !important;
  z-index: 25 !important;
  align-items: center !important;
}
.desktop-share-buttons button {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #64748b !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.2s ease !important;
}
.desktop-share-buttons button:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.desktop-share-buttons button.instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(220, 39, 67, 0.35) !important;
}
.desktop-share-buttons button.instagram:hover {
  transform: translateY(-2px) scale(1.08) !important;
  box-shadow: 0 6px 16px rgba(220, 39, 67, 0.5) !important;
}
.desktop-share-buttons button.facebook:hover { color: #1877f2 !important; }
.desktop-share-buttons button.x:hover { color: #000000 !important; }
.desktop-share-buttons button.whatsapp:hover { color: #25d366 !important; }
.desktop-share-buttons button.copy:hover { color: #2563eb !important; }

@media (max-width: 900px) {
  .desktop-share-buttons {
    display: none !important;
  }
}