/* The wardrobe (My Look) */
.wardrobe .panel-card { width: min(1000px, 100%); }
.wardrobe-wrap { display: flex; gap: 16px; width: 100%; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.wardrobe-left { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.wardrobe-preview { width: min(300px, 70vw, 45vh); aspect-ratio: 3 / 4; height: auto; border-radius: 22px; background: radial-gradient(circle at 50% 40%, #ffffff, #c9ecff); touch-action: none; cursor: grab; }
.wardrobe-right { flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.wardrobe-tabs { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.wardrobe-tab { width: 84px; height: 76px; border: none; border-radius: 16px; background: #fff; box-shadow: 0 4px 0 #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.wardrobe-tab span { font-size: 32px; line-height: 1.1; }
.wardrobe-tab small { font-size: 13px; font-weight: bold; }
.wardrobe-tab.on { background: var(--yellow); box-shadow: 0 4px 0 #c9a800; }
.wardrobe-options { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; min-height: 180px; max-height: 42vh; overflow-y: auto; touch-action: pan-y; padding: 4px; }
.swatch.small { width: 60px; height: 60px; border-width: 5px; }
.swatch.on { outline: 5px solid var(--ink); transform: scale(1.1); }
.pic-btn { width: 96px; height: 120px; border: 4px solid #fff; border-radius: 18px; background: radial-gradient(circle at 50% 40%, #ffffff, #e3f4ff); padding: 0; box-shadow: 0 4px 0 #ddd; overflow: hidden; }
.pic-btn img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pic-btn.on { border-color: var(--orange); transform: scale(1.06); }
.opt-break { flex-basis: 100%; height: 0; }
.opt-note { font-size: 18px; font-weight: bold; color: #555; margin: 0; }
@media (max-height: 560px) {
  .pic-btn { width: 76px; height: 96px; }
  .wardrobe-tab { width: 70px; height: 62px; }
  .wardrobe-tab span { font-size: 26px; }
}