.looks-page { max-width: 1280px; margin: 0 auto; padding: 16px; }.looks-header { position: static; display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; text-align: center; }.looks-header h1 { margin: 0; }.looks-create-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }.looks-cta-btn { display: inline-block; padding: 8px 14px; border: 1px solid #000; border-radius: 4px; text-decoration: none; color: #000; }.looks-cta-btns { display: inline-flex; gap: 8px; flex: 0 0 auto; }.looks-cta-btn:hover { background: #000; color: #fff; }.looks-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; margin: 0; padding: 0; }@media (min-width: 600px)  { .looks-columns { grid-template-columns: repeat(3, 1fr); } }@media (min-width: 900px)  { .looks-columns { grid-template-columns: repeat(4, 1fr); } }@media (min-width: 1200px) { .looks-columns { grid-template-columns: repeat(5, 1fr); } }.looks-card { position: relative; margin: 0; }.looks-card-link { position: relative; display: block; }.looks-card-img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; display: block; border-radius: 6px; }.looks-card-overlay {position: absolute; left: 0; right: 0; bottom: 0;display: flex; justify-content: space-between; gap: 8px;padding: 8px 10px; color: #fff;background: linear-gradient(transparent, rgba(0,0,0,.55));opacity: 0; transition: opacity .15s ease-in-out;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;font-size: 13px;}.looks-card-link:hover .looks-card-overlay, .looks-card-link:focus .looks-card-overlay { opacity: 1; }.look-like-btn {position: static;display: inline-flex; align-items: center; gap: 4px;padding: 5px 9px; border: 0; border-radius: 999px;background: rgba(0,0,0,.45); color: #fff; cursor: pointer;font-size: 13px; line-height: 1;transition: background .15s ease-in-out, transform .1s ease-in-out;}.look-like-btn:hover { background: rgba(0,0,0,.65); }.look-like-btn:active { transform: scale(.92); }.look-like-btn .look-like-heart { color: rgba(255,255,255,.85); transition: color .15s ease-in-out; }.look-like-btn.is-liked { background: rgba(220,30,60,.92); }.look-like-btn.is-liked .look-like-heart { color: #fff; }.looks-card .look-like-btn { position: absolute; top: 8px; right: 8px; }.look-detail-like { margin: 8px 0 4px; }.looks-spinner { text-align: center; padding: 16px; }.looks-empty { padding: 32px; text-align: center; }.look-detail { display: flex; flex-wrap: wrap; gap: 24px; max-width: 1100px; margin: 0 auto; padding: 16px; }.look-detail-cover { flex: 1 1 320px; }.look-detail-cover img { width: 100%; height: auto; border-radius: 8px; }.look-detail-side { flex: 1 1 320px; }.look-items { list-style: none; margin: 16px 0; padding: 0; }.look-item { margin-bottom: 12px; }.look-item a { display: grid; grid-template-columns: 64px 1fr; column-gap: 12px; row-gap: 2px; align-items: center; text-decoration: none; color: inherit; }.look-item-thumb { grid-column: 1; grid-row: 1 / span 3; width: 64px; height: 64px; object-fit: cover; border-radius: 4px; }.look-item-brand, .look-item-title, .look-item-price, .look-item-sold { grid-column: 2; }.look-item-brand { font-weight: 600; }.look-item-price { color: #333; }.look-item.is-sold { opacity: .55; }.look-item-sold { font-size: 11px; text-transform: uppercase; color: #b00; }.looks-header h1 { font-size: 28px; }.look-detail h1 { font-size: 24px; margin-bottom: 8px; }