/* =============================================================
   着せ替えページ（fitting.html）
   ・左上に3Dのわんちゃん、右に「気になる」の棚、その下に全生地
   ・棚と一覧は同じ .co-sw を使うので、ドラッグの仕組みはそのまま
   ============================================================= */

.page-fitting .fav-shelf{
  background:var(--paper-3);
  border:1px solid var(--line);
  padding:14px 14px 16px;
  margin:0 0 clamp(20px,2.6vw,30px);
}
.page-fitting .fav-shelf .co-label{margin-top:0;}
.page-fitting .fav-grid{margin-top:.6em;}
.page-fitting .fav-empty{
  font-size:.8125rem;line-height:2;color:var(--ink-mid);
  letter-spacing:.04em;margin:.4em 0 0;
}

/* 気になるの棚は、数が少ないので大きめに見せる */
@media(min-width:901px){
  .page-fitting .fav-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));}
}

/* パンくずの下、ページ冒頭の間隔を整える */
.page-fitting .pagehead{padding-bottom:clamp(26px,3.4vw,40px);}

/* 2026-10-30 生地の写真を外したので、棚とタブに一言そえる */
.page-fitting .fav-help,
.page-fitting .co-tabnote{
  font-size:.75rem;line-height:1.9;color:var(--ink-mid);
  letter-spacing:.04em;margin:0 0 .8em;
}
.page-fitting .co-tabnote:empty{display:none;}