/* =============================================
   南風一 haeichi — sou.css
   蒼（SOU）ページ専用スタイル
   products.css を継承し、上書き・追加定義

   カラーアクセント:
     Sou (蒼) Indigo  : #2E4A7A  ← メインアクセント（深い藍の静けさ）
     Sou Light        : #5A7AAD
     Sou Dark         : #1A2F52
     Mist White       : #F3F5FA  ← 背景トーン（澄んだ白みがかった青）
     Mist Dark        : #DDE3F0
============================================= */

/* ===== SOUページ カラー変数 ===== */
.page--sou {
  --sou-main:       #2E4A7A;
  --sou-light:      #5A7AAD;
  --sou-dark:       #1A2F52;
  --sou-mist:       #F3F5FA;
  --sou-mist-dark:  #DDE3F0;
  --sou-gray:       #556275;
}

/* ===== ベース背景 ===== */
.page--sou {
  background: var(--sou-mist);
}

/* ===== HERO — SOUアクセント ===== */
.page-hero--sou .page-hero__overlay--sou {
  background: linear-gradient(
    to top,
    rgba(8, 18, 40, 0.82) 0%,
    rgba(18, 32, 64, 0.34) 55%,
    rgba(28, 44, 80, 0.08) 100%
  );
}

.page-hero--sou .page-hero__subtitle {
  color: rgba(160, 190, 230, 0.88);
  font-family: var(--font-serif);
}

/* ===== HERO FALLBACK ===== */
.page--sou .page-hero__bg {
  background: linear-gradient(135deg, #080E22 0%, #1A2F52 50%, #2E4A7A 100%);
}

/* ===== CONCEPT — SOUアクセント ===== */
.concept--sou {
  background: var(--sou-mist);
  border-bottom: 1px solid var(--sou-mist-dark);
}

.concept__line--sou {
  background: var(--sou-main);
}

/* ===== PRODUCTS SECTION 背景 ===== */
.page--sou .products {
  background: var(--sou-mist);
}

.page--sou .products__header {
  background: var(--sou-mist);
}

.page--sou .products__header-inner {
  border-bottom-color: var(--sou-mist-dark);
}

.page--sou .products__header-label {
  color: var(--sou-main);
}

/* ===== PRODUCT CARD — SOU ===== */
.page--sou .product-card {
  background: #fff;
}

.page--sou .product-card__img-wrap {
  background: var(--sou-mist-dark);
}

.page--sou .product-card__info {
  border-top-color: var(--sou-mist-dark);
}

.page--sou .product-card__category--sou {
  color: var(--sou-main);
}

.page--sou .product-card--sou:hover .product-card__more {
  color: var(--sou-main);
  border-color: var(--sou-main);
}

.product-card__badge--sou {
  background: var(--sou-main) !important;
}

/* ===== BREADCRUMB 背景 ===== */
.page--sou .breadcrumb {
  background: var(--sou-mist);
  border-bottom-color: var(--sou-mist-dark);
}

/* ===== CONCEPT テキストカラー ===== */
.page--sou .concept__eyebrow {
  color: var(--sou-main);
}

/* ===== SHOP CTA — SOU ===== */
.shop-cta--sou {
  background: linear-gradient(
    160deg,
    #060E22 0%,
    #122040 40%,
    #1A2F52 100%
  );
}

.shop-cta--sou::before {
  background: radial-gradient(ellipse at center, rgba(46, 74, 122, 0.22) 0%, transparent 65%);
}

.shop-cta__label--sou {
  color: var(--sou-light);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
  .page--sou .products__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}