/* Public creator pages use the storefront's charcoal surfaces and amber accents. */
.lt-featured-creators { padding: 48px 0; }
.lt-creators-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 20px; }
.lt-creator-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 26px; border: 1px solid #414b50; border-radius: 16px; background-color: #242a2e; background-image: linear-gradient(#23282a33, #12161752), var(--lt-texture-premium); background-size: auto, max(1024px, 100%) auto; background-repeat: no-repeat; color: #e5ebed; box-shadow: 0 10px 24px #0002, inset 0 1px #ffffff0b; }
.lt-creator-card__portrait { display: block; margin-bottom: 18px; }
.lt-creator-card__portrait img { display: block; width: 88px; height: 88px; border: 3px solid #4d575a; border-radius: 50%; object-fit: cover; background: #30393c url('../img/avatar-default.png') center / cover no-repeat; }
.lt-creator-card__portrait, .lt-creator-hero__portrait { position: relative; width: fit-content; }
.lt-creator-card__portrait .lt-preset-author__verified, .lt-creator-hero__portrait .lt-preset-author__verified { position: absolute; right: 2px; bottom: 2px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #242a2e; color: #ff982f; box-shadow: 0 0 0 3px #242a2e; }
.lt-creator-card__portrait .lt-preset-author__verified .ti { font-size: 26px; line-height: 1; }
.lt-creator-hero__portrait .lt-preset-author__verified { width: 36px; height: 36px; }
.lt-creator-hero__portrait .lt-preset-author__verified .ti { font-size: 36px; line-height: 1; }
.lt-creator-card h3 { display: flex; align-items: center; gap: 6px; margin: 0 0 10px; font-size: 19px; line-height: 1.5; overflow-wrap: anywhere; }
.lt-creator-card h3 a { color: #f4f5f3; }
.lt-creator-card__bio { margin: 0 0 18px; color: #c0c9cd; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.lt-creator-card__stats { margin: auto 0 16px; color: #d7dfe1; font-size: 12px; }
.lt-creator-card__stats span { padding: 0 5px; }
.lt-creator-card__link { display: flex; align-items: center; gap: 12px; color: #ffb56b; font-size: 13px; font-weight: 700; padding: 8px 0; }
.lt-creator-card a:hover, .lt-product-author a:hover, a.lt-preset-author__name:hover { color: #ffb56b; }
.lt-creator-page { padding: 24px 0 64px; }
.lt-creator-page .lt-crumbs { margin-bottom: 24px; }
.lt-creator-hero { display: grid; grid-template-columns: 160px minmax(0, 1fr); align-items: center; gap: 36px; padding: 40px; border: 1px solid #434d51; border-radius: 18px; background-color: #242a2e; background-image: radial-gradient(ellipse at top right, #ff942714, transparent 65%), linear-gradient(#3035373d, #191d1f5c), var(--lt-texture-metal); background-size: auto, auto, 1024px 1024px; background-repeat: no-repeat, no-repeat, repeat; background-blend-mode: normal, normal, screen; box-shadow: var(--lt-panel-shadow); color: #e8edef; }
.lt-creator-hero__portrait img { display: block; width: 160px; height: 160px; border-radius: 50%; border: 4px solid #5c676a; object-fit: cover; background: #30393c url('../img/avatar-default.png') center / cover no-repeat; }
.lt-creator-hero h1 { display: flex; align-items: center; gap: 12px; margin: 6px 0 12px; font-size: clamp(28px, 4vw, 44px); line-height: 1.3; color: #f4f5f3; overflow-wrap: anywhere; }
.lt-creator-hero__username { margin: -4px 0 14px; color: #d7dfe1; font-size: 13px; overflow-wrap: anywhere; }
.lt-creator-hero .lt-home-label { color: #ffb56b; font-size: 11px; letter-spacing: .14em; }
.lt-creator-hero__bio { max-width: 760px; margin: 0 0 20px; color: #c8d1d5; line-height: 1.8; overflow-wrap: anywhere; }
.lt-creator-hero__stats { display: flex; flex-wrap: wrap; gap: 12px; }
.lt-creator-hero__stats > span { display: flex; gap: 8px; align-items: baseline; padding: 8px 14px; border: 1px solid #566064; border-radius: 8px; background: #11171c55; color: #c8d1d5; font-size: 13px; }
.lt-creator-hero__stats b { font-size: 21px; color: #fff; }
.lt-creator-socials { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 18px; }
.lt-creator-socials a { display: inline-flex; align-items: center; min-height: 32px; gap: 4px; color: #ffb56b; font-size: 13px; }
.lt-creator-collection, .lt-creator-combos { padding-top: 38px; }
.lt-creator-collection__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.lt-creator-collection__head h2 { margin: 4px 0 0; font-size: 26px; }
.lt-creator-collection__head > p { margin: 0; font-size: 13px; }
.lt-creator-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; margin-bottom: 24px; }
.lt-creator-search { display: flex; width: min(100%, 320px); min-height: 44px; border: 1px solid #4c575c; border-radius: 8px; overflow: hidden; background: #222b30; }
.lt-creator-search input { min-width: 0; flex: 1; width: 100%; padding: 10px 12px; border: 0; background: transparent; color: #f0f3f4; font: inherit; font-size: 13px; }
.lt-creator-search input::placeholder { color: #b9c3c8; }
.lt-creator-search button { flex: none; width: 44px; border: 0; background: #343e43; color: #ffc07e; cursor: pointer; font-size: 20px; }
.lt-creator-products { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.lt-creator-products > article { min-width: 0; }
.lt-creator-products .lt-card--preset h3 { font-size: 18px; }
.lt-creator-combos__track {
  --lt-carousel-columns: 3; --lt-carousel-gap: 20px;
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--lt-carousel-columns) - 1) * var(--lt-carousel-gap)) / var(--lt-carousel-columns));
  position: relative; min-width: 0; gap: var(--lt-carousel-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
  scrollbar-width: thin; scrollbar-color: #9b744c #101516; padding-bottom: 12px;
}
.lt-creator-combos .lt-carousel-controls { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin: -4px 0 16px; }
.lt-creator-combos .lt-carousel-controls[hidden] { display: none; }
.lt-creator-combos .lt-carousel-controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #687274; border-radius: 8px; background: #192023; color: #edc28f; cursor: pointer; }
.lt-creator-combos .lt-carousel-controls button:disabled { opacity: .35; cursor: default; }
.lt-creator-combos .lt-carousel-controls span { font-size: 12px; font-variant-numeric: tabular-nums; color: #c5ccce; }
.lt-creator-combos__track:focus-visible { outline: 2px solid #ffb56b; outline-offset: 4px; }
.lt-creator-combos .lt-combo-card__desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal; }

.lt-creator-products .lt-card--preset { height: 100%; }
.lt-creator-combos .lt-combo-card { display: flex; flex-direction: column; height: auto; scroll-snap-align: start; }
.lt-creator-combos .lt-combo-card__media { width: 100%; height: auto; aspect-ratio: 16 / 9; flex-shrink: 0; overflow: hidden; border-right: 0; border-bottom: 1px solid #424b4e; }
.lt-creator-combos .lt-combo-card__media img { width: 100%; height: 100%; object-fit: contain; }
.lt-creator-combos .lt-combo-card__body { display: flex; flex-direction: column; flex: 1; padding: 16px; min-width: 0; }
.lt-creator-combos .lt-combo-card__body .lt-card__buy { margin-top: auto; }
.lt-creator-combos .lt-combo-card__body h3 { font-size: 16px; overflow-wrap: anywhere; }
.lt-creator-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 32px; }
.lt-creator-pagination .page-numbers { display: grid; place-items: center; min-width: 42px; min-height: 44px; padding: 8px 12px; border: 1px solid #4c575c; border-radius: 8px; background: #252e33; color: #e3e9eb; }
.lt-creator-pagination .current { background: #3e3025; color: #ffc07e; border-color: #bd7e40; }
.lt-creator-empty { padding: 48px 24px; text-align: center; border: 1px dashed #596368; border-radius: 12px; }
.lt-creator-empty > .ti { font-size: 36px; color: #ffb56b; }
.lt-creator-empty h3 { margin: 16px 0 10px; }
.lt-creators-heading { margin: 28px 0 32px; }
.lt-creators-heading h1 { margin: 8px 0 12px; font-size: clamp(30px, 4vw, 44px); }
.lt-product-author .lt-product-author__avatar { display: block; width: 48px; height: 48px; flex: none; }
.lt-product-author img { display: block; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #637075; object-fit: cover; }
.lt-product-author strong a { color: inherit; }
.lt-product-author strong { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.lt-product-author .lt-product-author__more { color: #ffb56b; font-size: 12px; padding: 4px 0; }
.lt-preset-author > a { color: inherit; }
.lt-preset-author > a:first-child { flex: none; }
.lt-combo-card .lt-preset-author__avatar { width: 26px; height: 26px; min-height: 0; object-fit: cover; }
.lt-combo-card .lt-preset-author { margin-bottom: 10px; }
.lt-creator-card a:focus-visible, .lt-creator-page a:focus-visible, .lt-creator-search :focus-visible, .lt-product-author a:focus-visible, .lt-preset-author a:focus-visible { outline: 2px solid #ffb56b; outline-offset: 4px; }
@media (max-width: 1100px) {
  .lt-creator-combos__track { --lt-carousel-columns: 2; }
  .lt-creator-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .lt-creators-grid, .lt-creator-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .lt-creator-hero { grid-template-columns: 110px minmax(0, 1fr); gap: 24px; padding: 28px; }
  .lt-creator-hero__portrait img { width: 110px; height: 110px; }
  .lt-creator-hero__portrait .lt-preset-author__verified { width: 30px; height: 30px; }
  .lt-creator-hero__portrait .lt-preset-author__verified .ti { font-size: 30px; }
}
@media (max-width: 540px) {
  .lt-creator-combos__track { --lt-carousel-columns: 1; --lt-carousel-gap: 16px; }
  .lt-featured-creators { padding: 32px 0; }
  .lt-creators-grid { grid-template-columns: minmax(0, 1fr); }
  .lt-creator-card { padding: 22px; }
  .lt-creator-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px; }
  .lt-creator-hero h1 { gap: 8px; }
  .lt-creator-tools { align-items: stretch; }
  .lt-creator-search { width: 100%; }
  .lt-creator-products { gap: 12px; }
  .lt-creator-combos .lt-combo-card__body { padding: 10px; }
  .lt-creator-combos .lt-combo-card__body h3 { font-size: 13px; }
}
@media (max-width: 360px) {
  .lt-creator-products { grid-template-columns: minmax(0, 1fr); }
}