/* Channel detail refresh: isolated from the channel directory and other catalogs. */
.waybig-channel-profile-page .content-sec > .wrapper > .row { display: block; }
.waybig-channel-profile-page .main-col { width: 100%; float: none; }

.waybig-channel-profile-page .wb-channel-profile-header {
  display: block;
  overflow: hidden;
  margin: 0 0 22px;
  padding: 0;
  border: 1px solid #3b3b3b;
  border-bottom: 3px solid #ffbd0a;
  border-radius: 12px;
  background:
    radial-gradient(circle at 92% 0,rgba(255,189,10,.1),transparent 34%),
    linear-gradient(135deg,#222 0,#171717 100%);
}
.waybig-channel-profile-page .wb-channel-breadcrumb {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 0;
  padding: 15px 20px 0;
  color: #8e8e8e;
  font-size: 12px;
  font-weight: 750;
}
.waybig-channel-profile-page .wb-channel-breadcrumb a { color: #ccc; }
.waybig-channel-profile-page .wb-channel-breadcrumb a:hover { color: #ffbd0a; }
.waybig-channel-profile-page .wb-channel-breadcrumb > span:not([aria-current]) { color: #ffbd0a; }
.waybig-channel-profile-page .wb-channel-profile-header .title-col {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  margin: 0;
  padding: 16px 20px 20px;
}
.waybig-channel-profile-page .wb-channel-profile-header .title-icon {
  display: grid;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  margin: 0 18px 0 0;
  place-items: center;
  border: 1px solid #494949;
  border-radius: 13px;
  background: #101010;
  color: #ffbd0a;
  font-size: 24px;
}
.waybig-channel-profile-page .wb-channel-heading-copy { min-width: 0; max-width: 1000px; }
.waybig-channel-profile-page .wb-channel-eyebrow,
.waybig-channel-profile-page .channel-performer-eyebrow {
  display: block;
  margin: 0 0 4px;
  color: #ffbd0a;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}
.waybig-channel-profile-page .wb-channel-profile-header h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px,3.5vw,50px);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.02;
  text-transform: none;
}
.waybig-channel-profile-page .wb-channel-description {
  max-width: 850px;
  margin-top: 10px;
  color: #bcbcbc;
  font-size: 15px;
  line-height: 1.5;
}
.waybig-channel-profile-page .wb-channel-description p { margin: 0; }
.waybig-channel-profile-page .wb-channel-count {
  display: inline-flex;
  gap: 5px;
  align-items: baseline;
  margin-top: 13px;
  padding: 7px 11px;
  border: 1px solid #454545;
  border-radius: 999px;
  background: #111;
  color: #888;
  font-size: 11px;
}
.waybig-channel-profile-page .wb-channel-count strong { color: #fff; font-size: 13px; }

.waybig-channel-profile-page .channel-catalog-tools {
  display: grid;
  grid-template-columns: minmax(270px,1.5fr) auto minmax(145px,.5fr) minmax(145px,.5fr) auto;
  gap: 14px;
  align-items: end;
  margin: 0 0 24px;
  padding: 17px;
  border: 1px solid #3a3a3a;
  border-radius: 9px;
  background: #181818;
}
.waybig-channel-profile-page .channel-catalog-search label,
.waybig-channel-profile-page .channel-catalog-label {
  display: block;
  margin: 0 0 7px;
  color: #a7a7a7;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .07em;
  line-height: 1;
  text-transform: uppercase;
}
.waybig-channel-profile-page .channel-catalog-search-field { position: relative; height: 44px; }
.waybig-channel-profile-page .channel-catalog-search-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 13px;
  width: 18px;
  height: 18px;
  color: #ffbd0a;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2;
  pointer-events: none;
  transform: translateY(-50%);
}
.waybig-channel-profile-page .channel-catalog-search input,
.waybig-channel-profile-page .channel-catalog-control select {
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  margin: 0;
  border: 1px solid #4a4a4a;
  border-radius: 6px;
  background: #0d0d0d;
  color: #fff;
  font: inherit;
  font-size: 13px;
  line-height: 44px;
  outline: 0;
}
.waybig-channel-profile-page .channel-catalog-search input {
  position: absolute !important;
  inset: 0 !important;
  display: block;
  float: none !important;
  padding: 0 46px 0 39px;
  transform: none !important;
}
.waybig-channel-profile-page .channel-catalog-control select { padding: 0 34px 0 11px; }
.waybig-channel-profile-page .channel-catalog-search input:focus,
.waybig-channel-profile-page .channel-catalog-control select:focus { border-color: #ffbd0a; box-shadow: 0 0 0 2px rgba(255,189,10,.14); }
.waybig-channel-profile-page .channel-catalog-search-clear {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 7px;
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #999;
  cursor: pointer;
  transform: translateY(-50%);
}
.waybig-channel-profile-page .channel-catalog-search-clear[hidden] { display: none !important; }
.waybig-channel-profile-page .channel-catalog-search-clear:hover { background: #292929; color: #fff; }
.waybig-channel-profile-page .channel-catalog-search-clear svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }
.waybig-channel-profile-page .channel-catalog-types { display: flex; height: 44px; }
.waybig-channel-profile-page .channel-catalog-types a {
  display: inline-flex;
  min-width: 58px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid #4a4a4a;
  border-right: 0;
  background: #101010;
  color: #ccc;
  font-size: 11px;
  font-weight: 850;
}
.waybig-channel-profile-page .channel-catalog-types a:first-child { border-radius: 6px 0 0 6px; }
.waybig-channel-profile-page .channel-catalog-types a:last-child { border-right: 1px solid #4a4a4a; border-radius: 0 6px 6px 0; }
.waybig-channel-profile-page .channel-catalog-types a.active { border-color: #ffbd0a; background: #ffbd0a; color: #111; }
.waybig-channel-profile-page .channel-catalog-summary { display: flex; min-height: 44px; flex-direction: column; justify-content: center; white-space: nowrap; }
.waybig-channel-profile-page .channel-catalog-summary strong { color: #fff; font-size: 19px; line-height: 1; }
.waybig-channel-profile-page .channel-catalog-summary span { margin-top: 4px; color: #858585; font-size: 10px; }

.waybig-channel-profile-page .channel-performer-panel {
  margin: 0 0 28px;
  overflow: hidden;
  border: 1px solid #383838;
  border-radius: 10px;
  background: #171717;
}
.waybig-channel-profile-page .channel-performer-heading {
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 15px 17px;
  border-bottom: 2px solid #ffbd0a;
}
.waybig-channel-profile-page .channel-performer-icon {
  display: grid;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  place-items: center;
  border: 1px solid #484848;
  border-radius: 10px;
  background: #0e0e0e;
  color: #ffbd0a;
}
.waybig-channel-profile-page .channel-performer-heading h2 { margin: 0; color: #fff; font-size: clamp(19px,2vw,27px); line-height: 1.05; text-transform: none; }
.waybig-channel-profile-page .channel-performer-track {
  display: grid;
  grid-template-columns: repeat(8,minmax(105px,1fr));
  gap: 14px;
  padding: 18px;
}
.waybig-channel-profile-page .channel-performer-card { min-width: 0; color: #fff; text-align: center; }
.waybig-channel-profile-page .channel-performer-image {
  display: block;
  width: clamp(82px,8vw,116px);
  margin: 0 auto 9px;
  overflow: hidden;
  aspect-ratio: 1;
  border: 2px solid #464646;
  border-radius: 50%;
  background: #090909;
  transition: border-color .2s ease,transform .2s ease;
}
.waybig-channel-profile-page .channel-performer-image img { width: 100%; height: 100%; object-fit: cover; }
.waybig-channel-profile-page .channel-performer-card:hover .channel-performer-image { border-color: #ffbd0a; transform: translateY(-2px); }
.waybig-channel-profile-page .channel-performer-card strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.waybig-channel-profile-page .channel-performer-card > span:last-child { display: block; margin-top: 3px; color: #838383; font-size: 9px; }

.waybig-channel-profile-page .channel-catalog-empty { margin: 5px 0 22px; padding: 28px 16px; border: 1px dashed #454545; border-radius: 8px; color: #aaa; text-align: center; }
.waybig-channel-profile-page .channel-search-load-row { display: flex; justify-content: center; margin: 22px 0; }
.waybig-channel-profile-page .channel-search-load { min-height: 44px; padding: 9px 17px; border: 1px solid #ffbd0a; border-radius: 6px; background: #ffbd0a; color: #111; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.waybig-channel-profile-page .channel-search-load[disabled] { border-color: transparent; background: transparent; color: #888; }
.waybig-channel-profile-page.is-channel-searching .pagination-col { display: none !important; }

@media (max-width:1100px) {
  .waybig-channel-profile-page .channel-catalog-tools { grid-template-columns: minmax(260px,1fr) auto minmax(150px,.55fr); }
  .waybig-channel-profile-page .channel-catalog-summary { flex-direction: row; gap: 5px; align-items: baseline; }
  .waybig-channel-profile-page .channel-performer-track { grid-template-columns: repeat(8,120px); overflow-x: auto; scroll-snap-type: x proximity; }
  .waybig-channel-profile-page .channel-performer-card { scroll-snap-align: start; }
}
@media (max-width:767px) {
  .waybig-channel-profile-page .wb-channel-profile-header { border-right: 0; border-left: 0; border-radius: 0; }
  .waybig-channel-profile-page .wb-channel-breadcrumb { padding: 12px 14px 0; }
  .waybig-channel-profile-page .wb-channel-profile-header .title-col { align-items: flex-start; padding: 14px; }
  .waybig-channel-profile-page .wb-channel-profile-header .title-icon { width: 46px; height: 46px; flex-basis: 46px; margin-right: 12px; font-size: 18px; }
  .waybig-channel-profile-page .wb-channel-profile-header h1 { font-size: clamp(25px,8vw,38px); }
  .waybig-channel-profile-page .wb-channel-description { font-size: 13px; }
  .waybig-channel-profile-page .channel-catalog-tools { grid-template-columns: 1fr; gap: 13px; padding: 14px; }
  .waybig-channel-profile-page .channel-catalog-summary { min-height: 0; justify-content: flex-start; }
  .waybig-channel-profile-page .channel-performer-track { padding: 15px; }
}
@media (max-width:479px) {
  .waybig-channel-profile-page .channel-catalog-types a { flex: 1 1 0; min-width: 0; }
  .waybig-channel-profile-page .channel-performer-track { grid-template-columns: repeat(8,104px); gap: 11px; }
  .waybig-channel-profile-page .channel-performer-image { width: 82px; }
}
@media (prefers-reduced-motion:reduce) {
  .waybig-channel-profile-page .channel-performer-image { transition: none; }
}
