.card-models-page { padding-top: 31px; }
.card-models-intro { margin-bottom: 22px; }
.card-models-intro .eyebrow { margin-bottom: 8px; }
.card-models-intro h1 { margin-bottom: 7px; }
.card-models-intro .page-description { max-width: 680px; font-size: 14px; }

.card-model-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}
.feed-masonry-column { display: flex; min-width: 0; flex-direction: column; gap: 18px; }
.feed-preview-order-1 { order: 1; }
.feed-preview-order-2 { order: 2; }
.feed-preview-order-3 { order: 3; }
.feed-preview-order-4 { order: 4; }
.feed-preview-order-5 { order: 5; }
.feed-preview-order-6 { order: 6; }
.feed-preview-order-7 { order: 7; }
.feed-preview-order-8 { order: 8; }
.feed-preview-order-9 { order: 9; }
.feed-preview-order-10 { order: 10; }
.feed-preview-order-11 { order: 11; }
.feed-preview-order-12 { order: 12; }
.feed-preview-order-13 { order: 13; }
.feed-preview-order-14 { order: 14; }
.feed-preview-order-15 { order: 15; }
.feed-preview-order-16 { order: 16; }

.feed-preview-card {
  display: flex;
  min-width: 0;
  min-height: 246px;
  flex-direction: column;
  overflow: hidden;
  padding: 17px 17px 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: #29374a;
  background: #fff;
  box-shadow: 0 4px 14px rgb(30 45 68 / 4%);
  transition: box-shadow .18s ease, transform .18s ease;
}.feed-preview-card:hover{ transform: translateY(-2px); }

.feed-author { display: flex; min-width: 0; align-items: flex-start; gap: 11px; margin-bottom: 12px; }
.feed-profile-photo { display: block; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface-soft); object-fit: cover; }
.feed-author-copy { display: grid; min-width: 0; flex: 1; gap: 4px; }
.feed-author-copy strong.feed-author-name { display: flex; min-width: 0; align-items: center; gap: 4px; overflow: hidden; color: #2b3748; font-size: 14px; font-weight: 600; white-space: nowrap; }
.feed-profile-name { min-width: 0; overflow: hidden; flex: 0 1 auto; text-overflow: ellipsis; white-space: nowrap; }
.feed-temperature { display: inline-flex; height: 16px; flex: 0 0 auto; align-items: center; gap: 3px; }
.feed-temperature-dot { display: block; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; }
.feed-temperature-dot--cold { background: var(--line); }
.feed-temperature-dot--warm { background: var(--amber); }
.feed-temperature-dot--hot { background: var(--danger); }
.feed-author-copy small { color: var(--muted); font-size: 12px; line-height: 1.2; }
.feed-profile-rating { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 11px; line-height: 1; }
.feed-rating-stars { display: inline-flex; align-items: center; gap: 1px; }
.feed-rating-stars svg { width: 12px; height: 12px; flex: 0 0 12px; fill: #e7a83e; }
.feed-rating-stars .star-empty { fill: #d8dde5; }
.feed-rating-stars .star-half { fill: #e7a83e; }
.feed-profile-rating strong { margin-left: 3px; color: var(--muted); font-size: 11px; font-weight: 600; }
.feed-price { flex: 0 0 auto; margin-left: auto; padding-top: 1px; color: #2b3748; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.verified-badge { width: 16px; height: 16px; flex: 0 0 16px; overflow: visible; fill: none; stroke: var(--action); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

.feed-card-main { display: grid; min-width: 0; flex: 1; grid-template-columns: minmax(94px, 112px) minmax(0, 1fr); align-items: start; gap: 15px; }
.feed-card-main.feed-card-main-vertical { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; }
.feed-card-main.feed-card-main-square { grid-template-columns: 104px minmax(0, 1fr); align-items: stretch; gap: 12px; }
.feed-image-square { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; align-self: center; border-radius: 8px; background: var(--surface-soft); object-fit: cover; }
.feed-card-copy-compact { justify-content: center; }
.feed-preview-card-compact { min-height: 0; }
.feed-preview-card-story { min-height: 0; }
.feed-preview-card-story .feed-author { margin-bottom: 12px; }
.feed-preview-card-instagram .feed-card-featured-copy { margin-bottom: 7px; }
.feed-preview-card-image-bottom { padding-bottom: 0; }
.feed-image-bottom-copy { margin-bottom: 10px; }
.feed-image-bottom-copy h2 { margin-bottom: 5px; }
.feed-preview-card-image-bottom .feed-image-bottom-copy h2,
.feed-preview-card-image-bottom .feed-image-bottom-copy p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
.feed-preview-card-image-bottom .feed-image-bottom-copy h2 { -webkit-line-clamp: 1; }
.feed-preview-card-image-bottom .feed-image-bottom-copy p { -webkit-line-clamp: 2; }
.feed-image-bottom-media { position: relative; width: calc(100% + 34px); aspect-ratio: 4 / 3; flex: 0 0 auto; overflow: hidden; margin: 0 -17px -1px; background: var(--surface-soft); }
.feed-image-bottom { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.feed-image-bottom-expiry { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 7px; padding: 25px 14px 12px; color: rgb(255 255 255 / 96%); font-size: 12px; font-weight: 500; background: linear-gradient(180deg, rgb(20 24 30 / 0%) 0%, rgb(20 24 30 / 53%) 100%); }
.feed-image-bottom-expiry svg { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.feed-image-bottom-expiry .feed-lead-label { margin-left: auto; }
.feed-preview-card-image-top { padding-top: 0; }
.feed-image-top-media { position: relative; width: calc(100% + 34px); aspect-ratio: 4 / 3; flex: 0 0 auto; overflow: hidden; margin: 0 -17px 11px; background: var(--surface-soft); }
.feed-image-top { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.feed-image-top-author { position: absolute; top: 0; right: 0; left: 0; align-items: flex-start; margin: 0; padding: 13px 17px 28px; background: linear-gradient(180deg, rgb(17 22 28 / 70%) 0%, rgb(17 22 28 / 35%) 58%, rgb(17 22 28 / 0%) 100%); }
.feed-image-top-author .feed-profile-photo { border-color: rgb(255 255 255 / 72%); }
.feed-image-top-author .feed-author-copy strong.feed-author-name { color: #fff; }
.feed-image-top-author .feed-author-copy small { color: rgb(255 255 255 / 87%); }
.feed-image-top-author .feed-profile-rating { color: rgb(255 255 255 / 84%); }
.feed-image-top-author .feed-profile-rating strong,
.feed-image-top-author .feed-price { color: #fff; }
.feed-preview-card-image-top .feed-image-top-copy { margin-bottom: 0; }
.feed-preview-card-image-top .feed-image-top-copy h2 { margin-bottom: 5px; }
.feed-preview-card-image-top .feed-image-top-copy h2,
.feed-preview-card-image-top .feed-image-top-copy p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
.feed-preview-card-image-top .feed-image-top-copy h2 { -webkit-line-clamp: 2; }
.feed-preview-card-image-top .feed-image-top-copy p { -webkit-line-clamp: 3; }
.feed-preview-card-text-only { min-height: 0; }
.feed-text-only-content { min-width: 0; flex: 1; padding: 0; border: 0; border-radius: 0; background: transparent; }
.feed-text-only-content .feed-category-line { margin-bottom: 9px; }
.feed-text-only-content h2 { display: -webkit-box; overflow: hidden; margin: 0 0 8px; color: #273548; font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.018em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feed-text-only-content p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.feed-text-profile-bottom { margin: 13px 0 0; padding-top: 0; border-top: 0; }
.feed-image-instagram { display: block; width: calc(100% + 34px); aspect-ratio: 4 / 3; margin-right: -17px; margin-left: -17px; background: var(--surface-soft); object-fit: cover; object-position: center 55%; }
.feed-instagram-caption { min-width: 0; margin-top: 7px; }
.feed-instagram-caption .feed-category-line { margin-bottom: 4px; }
.feed-instagram-caption h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #273548; font-size: 16px; font-weight: 600; line-height: 1.28; letter-spacing: -.018em; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.feed-instagram-caption p { display: -webkit-box; overflow: hidden; margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feed-image-instagram-square { display: block; width: calc(100% + 34px); aspect-ratio: 1 / 1; margin-right: -17px; margin-left: -17px; background: var(--surface-soft); object-fit: cover; object-position: center 50%; }
.feed-gallery { position: relative; width: calc(100% + 34px); margin: 0 -17px; overflow: hidden; background: var(--surface-soft); }
.feed-gallery-track { display: flex; width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.feed-gallery-track::-webkit-scrollbar { display: none; }
.feed-gallery-image { display: block; width: 90%; height: auto; flex: 0 0 90%; aspect-ratio: 1 / 1; background: var(--surface-soft); object-fit: cover; }
.feed-gallery-control { position: absolute; z-index: 2; top: 50%; display: grid; width: 36px; height: 36px; padding: 0; transform: translateY(-50%); place-items: center; border: 1px solid rgb(255 255 255 / 82%); border-radius: 50%; color: #253246; background: rgb(255 255 255 / 94%); box-shadow: 0 3px 12px rgb(19 33 52 / 22%); cursor: pointer; transition: background-color .18s ease, transform .18s ease; }.feed-gallery-control:hover{ transform: translateY(-50%) scale(1.06); }
.feed-gallery-control[hidden] { display: none !important; }
.feed-gallery-control svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.feed-gallery-control-previous { left: 10px; }
.feed-gallery-control-next { right: 10px; }
.feed-preview-card-gallery .feed-instagram-caption { margin-top: 9px; }
.feed-gallery-featured-image { display: block; width: 100%; aspect-ratio: 1 / 1; background: var(--surface-soft); object-fit: cover; }
.feed-gallery-thumbnails-wrap { position: relative; min-width: 0; padding-inline: 10px; }
.feed-gallery-thumbnails-track { gap: 6px; padding: 8px 1px 2px; }
.feed-gallery-thumbnail { display: block; box-sizing: border-box; width: auto; height: auto; flex: 0 0 calc(24.0963855% - 5.7831325px); aspect-ratio: 1 / 1; overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 7px; background: var(--surface-soft); cursor: pointer; }
.feed-gallery-thumbnail.is-active { border-color: var(--action); }
.feed-gallery-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.feed-gallery-thumbnails-caption { margin-top: 8px; }
.feed-gallery-thumbnails-caption h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #273548; font-size: 16px; font-weight: 600; line-height: 1.28; letter-spacing: -.018em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.feed-story-media { position: relative; width: calc(100% + 34px); aspect-ratio: 4 / 5; flex: 0 0 auto; overflow: hidden; margin: 0 -17px -13px; border-radius: 0 0 14px 14px; background: var(--surface-soft); }
.feed-story-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 43%; }
.feed-story-content { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; padding: 78px 18px 19px; color: #fff; background: linear-gradient(180deg, rgb(20 24 30 / 0%) 0%, rgb(20 24 30 / 16%) 24%, rgb(20 24 30 / 79%) 100%); }
.feed-story-expiry { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; color: rgb(255 255 255 / 94%); font-size: 11px; font-weight: 500; line-height: 1.2; }
.feed-story-expiry svg { width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.feed-story-expiry .feed-lead-label { margin-left: 0; }
.feed-lead-label { flex: 0 0 auto; margin-left: auto; }
.feed-story-labels { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.feed-story-content .feed-category { margin: 0; padding: 4px 8px; color: #fff; background: rgb(255 255 255 / 17%); }
.feed-story-content .feed-urgent-tag { color: #fff; background: var(--danger); }
.feed-story-content h2 { display: -webkit-box; overflow: hidden; margin: 0 0 5px; color: #fff !important; font-size: 17px; font-weight: 600; line-height: 1.25; letter-spacing: -.015em; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.feed-story-content p { display: -webkit-box; overflow: hidden; margin: 0; color: rgb(255 255 255 / 91%); font-size: 12px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feed-preview-card-full-background { position: relative; display: block; min-height: 0; aspect-ratio: 9 / 16; padding: 0; overflow: hidden; border-radius: 14px; }
.feed-full-background-media { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; background: var(--surface-soft); }
.feed-full-background-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.feed-full-background-top { position: absolute; z-index: 2; top: 0; right: 0; left: 0; padding: 14px 16px 35px; background: linear-gradient(180deg, rgb(17 22 28 / 72%) 0%, rgb(17 22 28 / 34%) 66%, rgb(17 22 28 / 0%) 100%); }
.feed-full-background-author { align-items: flex-start; margin: 0; }
.feed-full-background-author .feed-profile-photo { border-color: rgb(255 255 255 / 72%); }
.feed-full-background-author .feed-author-copy strong.feed-author-name { color: #fff; }
.feed-full-background-author .feed-author-copy small { color: rgb(255 255 255 / 88%); }
.feed-full-background-author .feed-profile-rating { color: rgb(255 255 255 / 86%); }
.feed-full-background-author .feed-profile-rating strong,
.feed-full-background-author .feed-price { color: #fff; }
.feed-full-background-content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 68px 18px 18px; color: #fff; background: linear-gradient(180deg, rgb(20 24 30 / 0%) 0%, rgb(20 24 30 / 27%) 28%, rgb(20 24 30 / 84%) 100%); }
.feed-full-background-expiry { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; color: rgb(255 255 255 / 94%); font-size: 11px; font-weight: 500; line-height: 1.2; }
.feed-full-background-expiry svg { width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.feed-full-background-expiry .feed-lead-label { margin-left: 0; }
.feed-full-background-content .feed-story-labels { margin-bottom: 7px; }
.feed-full-background-content .feed-category { margin: 0; padding: 4px 8px; color: #fff; background: rgb(255 255 255 / 17%); }
.feed-full-background-content .feed-urgent-tag { color: #fff; background: var(--danger); }
.feed-full-background-content h2 { display: -webkit-box; overflow: hidden; margin: 0 0 6px; color: #fff !important; font-size: 17px; font-weight: 600; line-height: 1.25; letter-spacing: -.015em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feed-full-background-content p { display: -webkit-box; overflow: hidden; margin: 0; color: rgb(255 255 255 / 91%); font-size: 13px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.feed-preview-card-horizontal-background { position: relative; display: block; min-height: 0; aspect-ratio: 4 / 5; padding: 0; overflow: hidden; border-radius: 14px; }
.feed-horizontal-background-media { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; background: var(--surface-soft); }
.feed-horizontal-background-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.feed-horizontal-background-content { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; gap: 6px; padding: 30px 15px 9px; color: #fff; background: linear-gradient(180deg, rgb(20 24 30 / 0%) 0%, rgb(20 24 30 / 22%) 22%, rgb(20 24 30 / 88%) 100%); }
.feed-horizontal-background-content .feed-story-labels { margin: 0; }
.feed-horizontal-background-content .feed-category { margin: 0; padding: 4px 8px; color: #fff; background: rgb(255 255 255 / 17%); }
.feed-horizontal-background-content .feed-urgent-tag { color: #fff; background: var(--danger); }
.feed-horizontal-background-content h2,
.feed-horizontal-background-content p { display: -webkit-box; overflow: hidden; margin: 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; }
.feed-horizontal-background-content h2 { color: #fff !important; font-size: 16px; font-weight: 600; line-height: 1.25; }
.feed-horizontal-background-content p { margin-top: -3px; color: rgb(255 255 255 / 91%); font-size: 12px; line-height: 1.35; }
.feed-horizontal-background-expiry { margin: 0; font-size: 11px; }
.feed-horizontal-background-expiry svg { width: 14px; height: 14px; flex-basis: 14px; }
.feed-horizontal-background-author { align-items: center; margin: 0; }
.feed-horizontal-background-author .feed-profile-photo { width: 39px; height: 39px; flex-basis: 39px; border-color: rgb(255 255 255 / 72%); }
.feed-horizontal-background-author .feed-author-copy { gap: 2px; }
.feed-horizontal-background-author .feed-author-copy strong.feed-author-name { color: #fff; font-size: 13px; }
.feed-horizontal-background-author .feed-author-copy small,
.feed-horizontal-background-author .feed-profile-rating { color: rgb(255 255 255 / 88%); font-size: 10px; }
.feed-horizontal-background-author .feed-profile-rating strong,
.feed-horizontal-background-author .feed-price { color: #fff; }
.feed-horizontal-background-author .feed-price { font-size: 12px; }
.feed-preview-card-image-profile-below { min-height: 0; padding: 0; }
.feed-profile-below-image { position: relative; width: 100%; aspect-ratio: 9 / 16; flex: 0 0 auto; overflow: hidden; background: var(--surface-soft); }
.feed-profile-below-image-photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.feed-profile-image-bottom-overlay { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; gap: 10px; padding: 132px 16px 5px; background: linear-gradient(180deg, rgb(20 24 30 / 0%) 0%, rgb(20 24 30 / 20%) 32%, rgb(20 24 30 / 88%) 100%); }
.feed-profile-below-image-author { padding: 0; }
.feed-profile-below-image-author .feed-author { margin: 0; }
.feed-profile-below-image-author .feed-profile-photo { border-color: rgb(255 255 255 / 72%); }
.feed-profile-below-image-author .feed-author-copy strong.feed-author-name { color: #fff; }
.feed-profile-below-image-author .feed-author-copy small { color: rgb(255 255 255 / 88%); }
.feed-profile-below-image-author .feed-profile-rating { color: rgb(255 255 255 / 86%); }
.feed-profile-below-image-author .feed-profile-rating strong,
.feed-profile-below-image-author .feed-price { color: #fff; }
.feed-profile-below-image-caption { margin: 0; padding: 0; }
.feed-profile-below-image-caption .feed-story-labels { margin: 0 0 5px; }
.feed-profile-below-image-caption .feed-category { margin: 0; padding: 4px 8px; color: #fff; background: rgb(255 255 255 / 17%); }
.feed-profile-below-image-caption .feed-urgent-tag { color: #fff; background: var(--danger); }
.feed-profile-below-image-caption h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #fff !important; font-size: 17px; font-weight: 600; line-height: 1.28; letter-spacing: -.018em; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; }
.feed-profile-below-image-expiry { margin: 0; }
.feed-image-placeholder { display: grid; width: 100%; aspect-ratio: 1 / 1; place-items: center; overflow: hidden; border-radius: 8px; color: var(--muted); background: var(--surface-soft); }
.feed-image-placeholder span { font-size: 11px; font-weight: 450; }
.feed-image-vertical { display: block; width: 100%; aspect-ratio: 3 / 4; border-radius: 8px; background: var(--surface-soft); object-fit: cover; }
.feed-card-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.feed-category-line { display: flex; max-width: 100%; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.feed-category-line > .feed-category { margin: 0; }
.feed-urgent-tag { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 4px 8px; border-radius: 20px; color: var(--danger-dark); background: var(--danger-soft); font-size: 10px; font-weight: 600; line-height: 1.25; white-space: nowrap; }
.feed-category { display: inline-flex; max-width: 100%; overflow: hidden; margin: 0 0 4px; padding: 4px 8px; border-radius: 20px; color: var(--muted); background: var(--surface-soft); font-size: 11px; font-weight: 500; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.feed-card-copy h2 { display: -webkit-box; overflow: hidden; margin: 0 0 6px; color: #273548; font-size: 16px; font-weight: 600; line-height: 1.28; letter-spacing: -.018em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feed-card-copy p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.48; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.feed-card-copy-compact .feed-category-line { margin-bottom: 4px; }
.feed-card-copy-compact h2 { margin-bottom: 4px; font-size: 14px; line-height: 1.24; -webkit-line-clamp: 2; }
.feed-card-copy-compact p { font-size: 12px; line-height: 1.35; -webkit-line-clamp: 2; }
.feed-card-footer { display: flex; align-items: center; gap: 7px; margin-top: 14px; padding-top: 0; border-top: 0; color: var(--muted); font-size: 12px; }
.feed-card-footer svg { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: #8995a4; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }

/* Primeiro formato em revisão: título, imagem horizontal e descrição. */
.feed-preview-card-featured .feed-author { margin-bottom: 12px; }
.feed-card-featured-copy { min-width: 0; margin-bottom: 8px; }
.feed-card-featured-copy .feed-category { margin-bottom: 0; }
.feed-card-featured-copy h2 { display: -webkit-box; overflow: hidden; margin: 0; color: #273548; font-size: 18px; font-weight: 600; line-height: 1.28; letter-spacing: -.018em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feed-title-emoji { display: inline; margin-left: 3px; white-space: nowrap; }
.feed-card-condensed-copy { margin-bottom: 0; }
.feed-image-real { display: block; width: 100%; aspect-ratio: 2.35 / 1; border-radius: 8px; background: var(--surface-soft); object-fit: cover; }
.feed-description-below-image { display: -webkit-box; overflow: hidden; margin: 11px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.feed-description-above-image { display: -webkit-box; overflow: hidden; margin: 0 0 10px; color: var(--muted); font-size: 13px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

@media (max-width: 1180px) {
  .card-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feed-masonry-column { display: contents; }
}

@media (max-width: 780px) {
  .card-models-page { padding: 25px 19px 20px; }
  .card-models-intro { margin-bottom: 17px; }
  .card-models-intro .page-description { font-size: 13px; line-height: 1.5; }
  .card-model-grid { grid-template-columns: 1fr; gap: 13px; }
  .feed-preview-card { min-height: 0; padding: 15px; border-radius: 12px; }
  .feed-preview-card-image-profile-below { padding: 0; }
  .feed-author { margin-bottom: 12px; }
  .feed-text-profile-bottom { margin-bottom: 0; }
  .feed-card-main { grid-template-columns: minmax(88px, 104px) minmax(0, 1fr); gap: 13px; }
  .feed-card-main.feed-card-main-vertical { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; }
  .feed-card-main.feed-card-main-square { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
  .feed-story-media { width: calc(100% + 30px); margin-right: -15px; margin-bottom: -15px; margin-left: -15px; }
  .feed-image-bottom-media { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
  .feed-image-top-media { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
  .feed-image-top-author { padding-right: 15px; padding-left: 15px; }
  .feed-image-instagram { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
  .feed-image-instagram-square { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
  .feed-story-content { padding-right: 16px; padding-left: 16px; }
  .feed-preview-card-full-background { aspect-ratio: 9 / 16; }
  .feed-preview-card-horizontal-background { aspect-ratio: 4 / 5; }
  .feed-full-background-top { padding-right: 15px; padding-left: 15px; }
  .feed-full-background-content { padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
  .feed-full-background-content h2 { font-size: 16px; }
  .feed-full-background-content p { font-size: 12px; }
  .feed-profile-image-bottom-overlay { padding-right: 15px; padding-left: 15px; }
  .feed-profile-image-bottom-overlay { gap: 9px; padding: 118px 15px 5px; }
  .feed-profile-below-image-caption h2 { font-size: 16px; }
  .feed-card-copy h2 { font-size: 15px; }
  .feed-card-copy p { font-size: 13px; -webkit-line-clamp: 3; }
  .feed-text-only-content h2 { font-size: 16px; }
  .feed-text-only-content p { font-size: 13px; }
  .feed-card-copy-compact h2 { font-size: 14px; }
  .feed-card-copy-compact p { font-size: 12px; -webkit-line-clamp: 2; }
  .feed-card-featured-copy h2 { font-size: 17px; }
  .feed-image-real { aspect-ratio: 2.1 / 1; }
  .feed-description-below-image { font-size: 13px; }
  .feed-card-footer { margin-top: 12px; }
}

@media (max-width: 380px) {
  .card-models-page { padding-right: 14px; padding-left: 14px; }
  .feed-card-main { grid-template-columns: 82px minmax(0, 1fr); gap: 11px; }
  .feed-card-main.feed-card-main-vertical { grid-template-columns: 82px minmax(0, 1fr); gap: 11px; }
  .feed-card-main.feed-card-main-square { grid-template-columns: 100px minmax(0, 1fr); gap: 11px; }
  .feed-story-content { padding-right: 14px; padding-left: 14px; }
  .feed-category { max-width: 100%; font-size: 10px; }
  .feed-card-copy h2 { font-size: 14px; }
  .feed-card-copy p { font-size: 12px; }
}

/* Grade otimizada para tablet e cards de mídia em tela cheia no celular. */
@media (min-width: 651px) and (max-width: 850px) {
  .card-models-page { padding: 25px 20px 20px; }
  .card-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .card-model-grid.is-tablet-masonry > .feed-masonry-column:not(.tablet-masonry-column) { display: none; }
  .card-model-grid.is-tablet-masonry > .tablet-masonry-column {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
  }
  .card-model-grid.is-tablet-masonry .feed-preview-card { width: 100%; margin: 0; }
}

@media (max-width: 850px) {
  .feed-gallery-control { display: none !important; }
}

@media (max-width: 650px) {
  .card-models-page { padding: 24px 0 20px; }
  .card-models-intro { margin-right: 16px; margin-left: 16px; }
  .card-model-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    overflow-x: visible;
    padding: 0;
  }
  .feed-preview-card { width: auto; border: 0; }
  .feed-preview-card-full-background,
  .feed-preview-card-horizontal-background,
  .feed-preview-card-image-profile-below { padding: 0; border-radius: 0; }
  .feed-card-main,
  .feed-card-main.feed-card-main-vertical,
  .feed-card-main.feed-card-main-square { grid-template-columns: 82px minmax(0, 1fr); gap: 11px; }
  .feed-image-square,
  .feed-image-vertical {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 8px;
  }
  .feed-image-real,
  .feed-image-instagram,
  .feed-image-instagram-square {
    width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0;
  }
  .feed-image-bottom-media,
  .feed-image-top-media,
  .feed-story-media {
    border-radius: 0;
  }
}

.feed-preview-card-shell { width: 100%; min-width: 0; }
.feed-card-engagement { position: relative; display: flex; min-width: 0; min-height: 42px; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; padding: 4px 9px; border: 1px solid #e3e8ef; border-radius: 12px; color: var(--muted); background: #fff; }
.feed-unlock-summary { display: flex; min-width: 0; align-items: center; gap: 7px; }
.feed-unlock-avatars { display: flex; flex: 0 0 auto; align-items: center; padding-left: 3px; }
.feed-unlock-avatar { display: block; width: 24px; height: 24px; flex: 0 0 24px; margin-left: -3px; border: 2px solid #fff; border-radius: 50%; background: #eef2f6; object-fit: cover; box-shadow: 0 0 0 1px #e3e8ef; }
.feed-unlock-avatar:first-child { margin-left: 0; }
.feed-unlock-more { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; margin-left: -3px; border: 2px solid #fff; border-radius: 50%; color: #405269; background: #edf2f7; box-shadow: 0 0 0 1px #e3e8ef; font-size: 9px; font-weight: 600; }
.feed-card-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 2px; }
.feed-card-open-detail { display: inline-flex; min-height: 27px; align-items: center; gap: 4px; margin-right: 4px; padding: 0 5px; border-radius: 7px; color: #1768cb; font-size: 10px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.feed-card-open-detail:hover, .feed-card-open-detail:focus-visible { color: #0c58b7; background: #edf5ff; }
.feed-card-open-detail:focus-visible { outline: 2px solid color-mix(in srgb, var(--action) 38%, transparent); outline-offset: 2px; }
.feed-card-open-detail svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feed-card-action-button { display: inline-grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; padding: 0; border: 0; border-radius: 7px; color: #536277; background: transparent; cursor: pointer; transition: color .16s ease, background-color .16s ease; }.feed-card-action-button:focus-visible{ color: var(--action); background: var(--action-soft); }
.feed-card-action-button svg { display: block; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feed-card-save-button.is-saved { color: var(--action); }
.feed-card-save-button.is-saved .feed-save-icon { fill: var(--action); }
.feed-card-engagement-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }

@media (min-width: 651px) and (max-width: 850px) {
  .feed-card-engagement { padding-inline: 10px; }
}

@media (max-width: 650px) {
  .feed-card-engagement { padding-inline: 8px; }
}