/* ==========================================================================
   استایل‌های مشترک — نوار سربرگ ساده («بازگشت به خانه» + عنوان صفحه) که
   توی صفحات خدمات، آموزش، و سازها هم استفاده می‌شه.
   ========================================================================== */
.header-section{
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--color-pill-bg, #fbe3d3);
  border-radius: 999px;
  padding: 14px 24px;
  margin-bottom: 10px;
}
.home-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  transition: transform .3s ease, box-shadow .3s ease;
}
.home-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(230,103,44,.25);
}
.home-btn svg{
  width: 20px;
  height: 20px;
  stroke: var(--color-text, #241f1c);
}
.header-title{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--color-text, #241f1c);
}

@media (max-width: 600px){
  .header-section{ padding: 12px 18px; gap: 12px; }
  .home-btn{ width: 38px; height: 38px; }
  .header-title{ font-size: 15.5px; }
}