.kh-outfit-shop {
  grid-column: 1 / -1;
  margin: 0;
  border-top: 1px solid var(--look-line, #c9bda1);
  color: inherit;
}
.kh-outfit-shop summary {
  min-height: 44px;
  padding: .7rem .2rem;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.3;
  cursor: pointer;
}
.kh-outfit-shop summary:focus-visible { outline: 2px solid currentColor; }
.kh-outfit-shop ul { list-style: none; margin: 0; padding: 0 .2rem .35rem; }
.kh-outfit-shop li + li { border-top: 1px dotted var(--look-line, #c9bda1); }
.kh-section .kh-outfit-shop a {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  min-height: 44px;
  padding: .38rem 0;
  line-height: 1.28;
  font-size: .82rem;
  overflow-wrap: anywhere;
}
.kh-outfit-shop small {
  color: inherit;
  font-size: .75rem;
  font-weight: 500;
}
.kh-section .kh-outfit-shop__source { border-top: 1px dashed var(--look-line, #c9bda1); }

@media (max-width: 650px) {
  .kh-lookbook--italia .kh-lookbook__grid,
  .kh-lookbook--deals .kh-lookbook__grid,
  .kh-lookbook--basics .kh-lookbook__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kh-lookbook--italia figure:last-child,
  .kh-lookbook--deals figure:first-child,
  .kh-lookbook--basics figure:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
  }
}

/* A compact image strip for quick shopping, with labelled rows in the expanded list. */
.kh-section .kh-outfit-thumbs {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fill, 44px);
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0 2px 8px;
}

.kh-outfit-shop[open] + .kh-outfit-thumbs { display: none; }

.kh-section .kh-outfit-thumbs a {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid var(--look-line, #c9bda1);
  border-radius: 3px;
  overflow: hidden;
  background: white;
}

.kh-section .kh-outfit-thumbs .kh-outfit-sku-image { width: 34px; }

.kh-section .kh-outfit-thumbs a:hover { border-color: currentColor; }

.kh-section .kh-outfit-sku-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  background: white;
  border-radius: 2px;
}

.kh-section .kh-outfit-shop a.kh-outfit-shop__item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
}

.kh-outfit-shop__item .kh-outfit-sku-image { box-sizing: border-box; border: 1px solid var(--look-line, #c9bda1); }
.kh-outfit-shop__text { min-width: 0; }
.kh-outfit-shop__text small { display: block; margin-top: .2rem; }

@media (max-width: 650px) {
  #outfit-idea figure:has(> .kh-outfit-shop[open]) {
    display: grid;
    grid-column: 1 / -1;
    grid-row: auto;
    grid-template-columns: minmax(0, min(42%, 148px)) minmax(0, 1fr);
    align-items: start;
    gap: 6px 10px;
  }

  #outfit-idea figure:has(> .kh-outfit-shop[open]) > figcaption {
    align-self: center;
  }
}