/* V16: photo-first mobile presentation. Never crop a saved photo again after the user already chose/cropped it. */
.detail-hero,.memory-hero{aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;background:#050307!important}
.detail-hero>img,.memory-hero>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#050307}
.item-photo img,.outfit-cover img,.memory-card img,.strip-card img,.linked-outfit>img,.pair-list img,.photo-current img,.hotspot-piece-choice img,.hotspot-linked-row img{object-fit:contain!important;background:#050307}
.hotspot-edit-photo{aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;background:#050307!important}
.hotspot-edit-photo>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#050307}
.outfit-hotspot-tools{margin:12px 0 6px!important}
.outfit-hotspot-tools .secondary-btn{min-height:52px!important;border:1px solid rgba(192,132,252,.42)!important;background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(192,132,252,.16))!important;color:#f4ecff!important;font-size:12px!important}
.photo-piece-overlay-cta{position:absolute;left:50%;bottom:12px;z-index:4;transform:translateX(-50%);min-height:42px;max-width:calc(100% - 24px);border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,6,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;padding:0 14px;font-size:11px;font-weight:850;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.photo-piece-overlay-cta:active{transform:translateX(-50%) scale(.98)}
.photo-first-zero-hint{display:block!important;margin-top:7px!important;color:#d9c6ff!important;font-size:10px!important;font-weight:750!important;white-space:normal!important;line-height:1.35!important}
.photo-first-explainer{margin:8px 0 2px;padding:10px 12px;border:1px solid rgba(192,132,252,.16);border-radius:13px;background:rgba(192,132,252,.045);color:var(--muted);font-size:10px;line-height:1.45;text-align:center}

@media(max-width:600px){
  /* Outfit feed = visual inspiration feed, not tiny landscape thumbnails. */
  .outfit-list{gap:16px!important}
  .outfit-card{display:block!important;width:100%!important;padding:0!important;border-radius:19px!important;overflow:hidden!important;background:rgba(255,255,255,.022)!important}
  .outfit-card .outfit-cover{width:100%!important;height:auto!important;aspect-ratio:auto!important;max-height:none!important;border-radius:0!important;background:#050307!important}
  .outfit-card .outfit-cover img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  .outfit-card .outfit-collage{width:100%!important;aspect-ratio:4/5!important;border-radius:0!important}
  .outfit-card .outfit-copy{padding:12px 13px 14px!important}
  .outfit-card .outfit-copy strong{font-size:15px!important}

  /* Style diary = one complete look per row. */
  .memory-grid{columns:1!important;column-gap:0!important}
  .memory-card{display:block!important;width:100%!important;margin-bottom:14px!important;border-radius:18px!important;overflow:hidden!important}
  .memory-card img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

  /* Complete images everywhere else. */
  .item-photo img{width:100%!important;height:100%!important;object-fit:contain!important}
  .strip-card{flex-basis:132px!important}
  .strip-card img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
  .linked-outfit>img{object-fit:contain!important;background:#050307!important}
  .photo-current img{object-fit:contain!important;background:#050307!important}

  .detail-hero,.memory-hero{width:100%!important;aspect-ratio:auto!important;height:auto!important;max-height:none!important;border-radius:18px!important}
  .detail-hero>img,.memory-hero>img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  .hotspot-edit-photo{width:100%!important;aspect-ratio:auto!important;height:auto!important;max-height:none!important}
  .hotspot-edit-photo>img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
}