/**
 * Sticky Scroll Section - Mobile Only
 */

/* 基本スタイル */
.sticky-on-scroll {
  transition: all 0.3s ease;
}

/* モバイルのみ固定表示スタイルを適用 */
@media (max-width: 768px) {
  /* 固定時のスタイル */
  .sticky-on-scroll.is-sticky {
    background: white;
    animation: slideDown 0.3s ease;
  }

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

  /* .brand-search-container 専用スタイル */
  .brand-search-container.is-sticky {
    padding: 10px 16px;
    border-bottom: 1px solid #e0e0e0;
  }

  /* 検索エリアの調整 */
  .brand-search-container.is-sticky .search-wrapper {
    margin: 0;
  }
}

/* デスクトップでは通常表示 */
@media (min-width: 769px) {
  .sticky-on-scroll.is-sticky {
    /* デスクトップでは固定しない */
    position: relative !important;
    top: auto !important;
    box-shadow: none !important;
  }
}

/* プレースホルダー（レイアウト崩れ防止） */
.sticky-placeholder {
  visibility: hidden;
}