/* === NEW CATALOG CARDS === */
.blogcard-v2 {
  cursor: pointer;
  background: rgba(18, 20, 26, 0.92);
  border: 1px solid rgba(122, 220, 232, 0.12);
  border-radius: 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  pointer-events: auto !important;
  touch-action: manipulation;
}
.blogcard-v2 * {
  pointer-events: auto;
}
.blogcard-v2::before,
.blogcard-v2::after,
.blogcard-v2 .blogger-video::before,
.blogcard-v2 .blogger-video::after {
  pointer-events: none !important;
}
.blogcard-v2:hover {
  border-color: rgba(122, 220, 232, 0.3);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}
.blogcard-v2 .blogger-video.blogcard-media {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 238px !important;
  background: rgba(10, 12, 16, 0.5) !important;
  padding: 14px 0 10px !important;
  gap: 6px;
  overflow: hidden;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.blogcard-v2 .blogcard-avatar {
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid rgba(122, 220, 232, 0.25) !important;
  box-shadow: 0 0 28px rgba(122, 220, 232, 0.14) !important;
  flex-shrink: 0 !important;
}
.blogcard-v2 .blogcard-avatar.avatar-placeholder {
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, rgba(122, 220, 232, 0.12), rgba(34, 244, 255, 0.06)) !important;
  border: 3px solid rgba(122, 220, 232, 0.25) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: rgba(122, 220, 232, 0.8) !important;
}
.blogcard-overlay-metrics {
  display: flex;
  gap: 12px;
  font-size: 13px;
  color: rgba(232, 238, 242, 0.78);
  margin-top: 2px;
}
.blogcard-metric {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: rgba(232, 238, 242, 0.78);
  white-space: nowrap;
}
.blogcard-metric svg {
  opacity: 0.7;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}
.blogcard-metric strong {
  color: rgba(232, 238, 242, 0.95);
}
.blogcard-topic {
  display: inline-block;
  font-size: 12px;
  padding: 3px 12px;
  border-radius: 14px;
  background: rgba(122, 220, 232, 0.08);
  border: 1px solid rgba(122, 220, 232, 0.18);
  color: rgba(122, 220, 232, 0.8);
}
.blogcard-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: rgba(122, 220, 232, 0.7);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blogcard-link:hover {
  color: rgba(122, 220, 232, 0.95);
}
.blogcard-v2 .platform-pill {
  display: none !important;
}
.blogcard-v2 .catalog-card-code {
  position: relative;
  align-self: flex-end;
  bottom: auto;
  right: auto;
  margin: 0 10px 0 0;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 8px;
  background: rgba(122, 220, 232, 0.12);
  border: 1px solid rgba(122, 220, 232, 0.22);
  color: rgba(122, 220, 232, 0.85);
  z-index: 2;
}
.blogcard-v2 .blogger-info {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 12px 16px 14px !important;
  display: block !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.blogcard-v2 .blogcard-info-block {
  background: rgba(26, 28, 33, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 10px 14px;
  margin-bottom: 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.blogcard-v2 .blogcard-sub-block {
  background: rgba(26, 28, 33, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  margin-bottom: 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.blogcard-v2 .blogcard-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #e8eef2;
  margin: 0;
  line-height: 1.12;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.blogcard-v2 .metric-row {
  display: flex !important;
  align-items: center !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  font-size: 16px;
  color: rgba(232, 238, 242, 0.65);
  margin-bottom: 0;
  min-height: 52px;
}
.blogcard-v2 .metric-row span {
  min-height: auto !important;
  display: block !important;
  width: 100%;
  padding: 10px 14px !important;
  border: 0 !important;
  background: transparent !important;
}
.blogcard-v2 .metric-row strong {
  color: rgba(232, 238, 242, 0.9);
  font-size: 18px;
}
.blogcard-v2 .price-badges {
  font-size: 15px !important;
}
.blogcard-v2 .price-badges {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.blogcard-v2 .price-badges span,
.blogcard-v2 .price-row,
.blogcard-v2 .add-to-cart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.blogcard-v2 .price-badges strong {
  font-size: 17px;
}
.blogcard-v2 .price-row {
  margin-top: 8px;
}


/* v255: desktop account detail modal shell */
.detail-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(3, 6, 10, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.detail-modal.open {
  display: flex !important;
}
.detail-modal-backdrop {
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.detail-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100vw - 40px));
  max-height: min(86vh, 900px);
  overflow: auto;
  border: 1px solid rgba(122, 220, 232, 0.22);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(18, 23, 30, 0.98), rgba(10, 12, 18, 0.98));
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.54), 0 0 34px rgba(34, 244, 255, 0.12);
}
.detail-modal-close {
  position: sticky;
  top: 12px;
  float: right;
  z-index: 5;
  width: 42px;
  height: 42px;
  margin: 12px 12px -54px 0;
  border: 1px solid rgba(122, 220, 232, 0.22);
  border-radius: 999px;
  background: rgba(8, 12, 18, 0.9);
  color: rgba(232, 238, 242, 0.92);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.detail-modal-content {
  clear: both;
}
.detail-modal-loading {
  min-height: 320px;
  display: grid;
  place-items: center;
}
@media (max-width: 768px) {
  .detail-modal {
    align-items: stretch;
    padding: 0;
  }
  .detail-modal-dialog {
    width: 100%;
    max-height: 100dvh;
    border-radius: 0;
  }
}

/* === DETAIL PAGE OVERRIDES (inline) === */
.detail-page,.detail-page-modal{max-width:1200px!important;margin:0 auto!important;padding:100px 2rem 80px!important;background:transparent!important;color:rgba(232,238,242,.85)!important}
.detail-back{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:14px!important;color:rgba(122,220,232,.7)!important;text-decoration:none!important;margin-bottom:24px!important;padding:8px 16px!important;border-radius:10px!important;border:1px solid rgba(122,220,232,.15)!important;background:rgba(18,20,26,.7)!important}
.detail-hero{display:grid!important;grid-template-columns:1fr 240px!important;gap:8px!important;align-items:start!important;margin-bottom:24px!important}
.detail-hero-left{display:flex!important;flex-direction:row!important;gap:18px!important;align-items:center!important}
.detail-avatar{width:90px!important;height:90px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid rgba(122,220,232,.3)!important;box-shadow:0 0 30px rgba(122,220,232,.15)!important;flex-shrink:0!important}
.detail-avatar.avatar-placeholder{width:90px!important;height:90px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(122,220,232,.12),rgba(34,244,255,.06))!important;border:3px solid rgba(122,220,232,.3)!important;font-size:26px!important;font-weight:700!important;color:rgba(122,220,232,.8)!important;flex-shrink:0!important}
.detail-hero-info{text-align:left!important;min-width:0!important}
.detail-hero-info h1{font-size:20px!important;font-weight:700!important;color:#e8eef2!important;margin:0 0 2px!important;display:flex!important;align-items:center!important;gap:8px!important}
.detail-username{font-size:15px!important;color:rgba(122,220,232,.7)!important;display:block!important;margin-bottom:10px!important}
.detail-tags{display:flex!important;gap:8px!important;margin-bottom:12px!important}
.detail-tag{font-size:12px!important;padding:4px 14px!important;border-radius:20px!important;background:rgba(122,220,232,.08)!important;border:1px solid rgba(122,220,232,.2)!important;color:rgba(122,220,232,.85)!important}
.detail-metrics{font-size:13px!important;color:rgba(232,238,242,.6)!important;margin-bottom:14px!important}
.detail-metrics strong{color:rgba(232,238,242,.9)!important}
.detail-description{font-size:14px!important;color:rgba(232,238,242,.6)!important;line-height:1.6!important;margin:0 0 8px!important;white-space:pre-line!important}
.detail-link{display:inline-block!important;font-size:14px!important;color:rgba(122,220,232,.85)!important;text-decoration:none!important;margin-top:4px!important;word-break:break-all!important}
.detail-hero-right{display:flex!important;flex-direction:column!important;gap:10px!important}
.detail-price-block{background:rgba(18,20,26,.92)!important;border:1px solid rgba(122,220,232,.12)!important;border-radius:12px!important;padding:14px 16px!important}
.detail-price-label-top{display:block!important;font-size:13px!important;color:rgba(232,238,242,.5)!important;margin-bottom:4px!important}
.detail-price-big{display:block!important;font-size:28px!important;font-weight:700!important;color:#e8eef2!important;margin-bottom:4px!important}
.detail-price-sub{display:block!important;font-size:12px!important;color:rgba(232,238,242,.4)!important}
.detail-cta-btn{width:100%!important;padding:12px 16px!important;border-radius:12px!important;border:none!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important;background:linear-gradient(135deg,rgba(122,220,232,.25),rgba(34,244,255,.15))!important;border:1px solid rgba(122,220,232,.4)!important;color:#e8eef2!important;transition:all .2s ease!important}
.detail-cta-btn:hover{background:linear-gradient(135deg,rgba(122,220,232,.35),rgba(34,244,255,.22))!important;border-color:rgba(122,220,232,.6)!important;box-shadow:0 0 20px rgba(122,220,232,.15)!important}
.detail-actions-row{display:flex!important;gap:8px!important}
.detail-action-btn{flex:1!important;padding:8px 12px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(18,20,26,.8)!important;color:rgba(232,238,242,.7)!important;font-size:12px!important;text-align:center!important;text-decoration:none!important;cursor:pointer!important;transition:all .2s!important}
.detail-action-btn:hover{border-color:rgba(122,220,232,.25)!important;color:rgba(232,238,242,.9)!important}
.detail-stats-section{margin-bottom:32px!important}
.detail-stats-section h2{font-size:18px!important;font-weight:700!important;color:#e8eef2!important;margin:0 0 12px!important}
.detail-stats-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.detail-stat-card{background:rgba(18,20,26,.92)!important;border:1px solid rgba(122,220,232,.12)!important;border-radius:14px!important;padding:16px!important;position:relative!important;overflow:hidden!important}
.detail-stat-icon{color:rgba(122,220,232,.5)!important;margin-bottom:8px!important}
.detail-stat-card strong{display:block!important;font-size:22px!important;font-weight:700!important;color:#e8eef2!important}
.detail-stat-card span{display:block!important;font-size:12px!important;color:rgba(232,238,242,.45)!important;margin-top:2px!important}
.detail-stat-chart{position:absolute!important;bottom:0!important;right:0!important;width:55%!important;height:40px!important;opacity:.6!important}
.detail-stat-chart svg{width:100%!important;height:100%!important}
.detail-content-area{margin-top:8px!important}
.detail-tabs{display:flex!important;gap:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:20px!important}
.detail-tab{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 16px!important;border:none!important;background:transparent!important;color:rgba(232,238,242,.5)!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;border-bottom:2px solid transparent!important;transition:all .2s!important}
.detail-tab:hover{color:rgba(232,238,242,.8)!important}
.detail-tab.active{color:rgba(122,220,232,.95)!important;border-bottom-color:rgba(122,220,232,.6)!important}
.detail-tab svg{opacity:.6!important}
.detail-tab.active svg{opacity:1!important;color:rgba(122,220,232,.9)!important}
.detail-tab-panel{display:none!important}
.detail-tab-panel.active{display:block!important}
.detail-empty{text-align:center!important;padding:40px 20px!important;color:rgba(232,238,242,.4)!important;font-size:14px!important}
.detail-pub-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}
.detail-pub-card{background:rgba(18,20,26,.92)!important;border:1px solid rgba(122,220,232,.1)!important;border-radius:12px!important;overflow:hidden!important}
.detail-pub-thumb{position:relative!important;aspect-ratio:9/16!important;overflow:hidden!important;background:rgba(10,12,16,.8)!important}
.detail-pub-thumb img,.detail-pub-thumb video{width:100%!important;height:100%!important;object-fit:cover!important}
.detail-pub-views{position:absolute!important;bottom:8px!important;left:8px!important;display:flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;font-weight:600!important;color:#fff!important;background:rgba(0,0,0,.55)!important;padding:3px 8px!important;border-radius:6px!important}
.detail-pub-card strong{display:block!important;font-size:12px!important;color:rgba(232,238,242,.85)!important;padding:8px 10px 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.detail-pub-card span{display:block!important;font-size:11px!important;color:rgba(232,238,242,.4)!important;padding:0 10px 10px!important}
@media(max-width:768px){.detail-page{padding:90px 1rem 60px!important}.detail-avatar{width:80px!important;height:80px!important}.detail-avatar.avatar-placeholder{width:80px!important;height:80px!important;font-size:22px!important}.detail-hero-info h1{font-size:18px!important}.detail-stats-grid{grid-template-columns:1fr!important}.detail-pub-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.detail-back{display:inline-flex!important}}


/* v252: keep account detail mobile stacked and card content clipped inside frame */
@media (max-width: 768px) {
  .detail-page,
  .detail-page-modal,
  .detail-modal-content .detail-page,
  .detail-modal-content .detail-page-modal {
    width: 100% !important;
    max-width: 100% !important;
    padding: 88px 1rem 60px !important;
    box-sizing: border-box !important;
  }

  .detail-hero,
  .detail-modal-content .detail-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px !important;
    margin-bottom: 28px !important;
  }

  .detail-hero-left,
  .detail-modal-content .detail-hero-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .detail-avatar,
  .detail-modal-content .detail-avatar {
    width: 112px !important;
    height: 112px !important;
  }

  .detail-avatar.avatar-placeholder,
  .detail-modal-content .detail-avatar.avatar-placeholder {
    width: 112px !important;
    height: 112px !important;
    font-size: 30px !important;
  }

  .detail-hero-info,
  .detail-modal-content .detail-hero-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .detail-hero-info h1,
  .detail-modal-content .detail-hero-info h1 {
    justify-content: center !important;
    font-size: clamp(2rem, 9vw, 3.1rem) !important;
    line-height: 0.95 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 20px rgba(255, 85, 220, 0.45) !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .detail-tags,
  .detail-modal-content .detail-tags,
  .detail-metrics,
  .detail-modal-content .detail-metrics {
    justify-content: center !important;
  }

  .detail-metrics,
  .detail-modal-content .detail-metrics {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.32rem !important;
    font-size: 0.92rem !important;
  }

  .detail-link,
  .detail-modal-content .detail-link {
    display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .detail-description,
  .detail-modal-content .detail-description {
    max-width: 100% !important;
    text-align: center !important;
  }

  .detail-hero-right,
  .detail-modal-content .detail-hero-right {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .detail-price-block,
  .detail-modal-content .detail-price-block,
  .detail-cta-btn,
  .detail-modal-content .detail-cta-btn,
  .detail-actions-row,
  .detail-modal-content .detail-actions-row {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .detail-price-block,
  .detail-modal-content .detail-price-block {
    text-align: center !important;
    padding: 20px 18px !important;
    border-radius: 16px !important;
  }

  .detail-price-big,
  .detail-modal-content .detail-price-big {
    font-size: clamp(2.4rem, 11vw, 3.4rem) !important;
    line-height: 1 !important;
  }

  .detail-cta-btn,
  .detail-modal-content .detail-cta-btn {
    min-height: 58px !important;
    font-size: 1rem !important;
    margin-bottom: 0 !important;
  }

  .detail-actions-row,
  .detail-modal-content .detail-actions-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .detail-action-btn,
  .detail-modal-content .detail-action-btn {
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}


/* v256: centered account modal header and action layout */
.detail-hero.detail-hero-centered,
.detail-modal-content .detail-hero.detail-hero-centered {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  margin-bottom: 28px !important;
}
.detail-hero-centered .detail-hero-left,
.detail-modal-content .detail-hero-centered .detail-hero-left {
  width: min(760px, 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  text-align: center !important;
}
.detail-hero-centered .detail-avatar,
.detail-modal-content .detail-hero-centered .detail-avatar,
.detail-hero-centered .detail-avatar.avatar-placeholder,
.detail-modal-content .detail-hero-centered .detail-avatar.avatar-placeholder {
  width: 118px !important;
  height: 118px !important;
}
.detail-hero-centered .detail-hero-info,
.detail-modal-content .detail-hero-centered .detail-hero-info {
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.detail-hero-centered .detail-hero-info h1,
.detail-modal-content .detail-hero-centered .detail-hero-info h1 {
  justify-content: center !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.05 !important;
  margin-bottom: 8px !important;
}
.detail-hero-centered .detail-tags,
.detail-modal-content .detail-hero-centered .detail-tags,
.detail-hero-centered .detail-metrics,
.detail-modal-content .detail-hero-centered .detail-metrics {
  justify-content: center !important;
}
.detail-hero-centered .detail-metrics,
.detail-modal-content .detail-hero-centered .detail-metrics {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 16px !important;
}
.detail-hero-centered .detail-description,
.detail-modal-content .detail-hero-centered .detail-description {
  max-width: 680px !important;
  text-align: center !important;
  font-size: 15px !important;
}
.detail-hero-centered .detail-link,
.detail-modal-content .detail-hero-centered .detail-link {
  margin-top: 8px !important;
  max-width: 100% !important;
}
.detail-hero-centered .detail-actions-row,
.detail-modal-content .detail-hero-centered .detail-actions-row {
  width: min(680px, 100%) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 18px !important;
}
.detail-hero-centered .detail-cta-btn,
.detail-modal-content .detail-hero-centered .detail-cta-btn,
.detail-hero-centered .detail-action-btn,
.detail-modal-content .detail-hero-centered .detail-action-btn {
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
.detail-hero-centered .detail-manager-btn,
.detail-modal-content .detail-hero-centered .detail-manager-btn {
  border-color: rgba(122, 220, 232, 0.28) !important;
  background: rgba(18, 20, 26, 0.86) !important;
  color: rgba(232, 238, 242, 0.86) !important;
}
.detail-tab-panel .detail-stats-section {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .detail-hero-centered .detail-actions-row,
  .detail-modal-content .detail-hero-centered .detail-actions-row {
    grid-template-columns: 1fr !important;
  }
  .detail-hero-centered .detail-hero-info h1,
  .detail-modal-content .detail-hero-centered .detail-hero-info h1 {
    font-size: clamp(25px, 8vw, 38px) !important;
  }
}


/* v258: fixed three account stat tiles */
.detail-stats-grid-fixed,
.detail-modal-content .detail-stats-grid-fixed {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.detail-stat-card.is-empty,
.detail-modal-content .detail-stat-card.is-empty {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(18, 20, 26, 0.72) !important;
}
.detail-stat-card.is-empty strong,
.detail-modal-content .detail-stat-card.is-empty strong,
.detail-stat-card.is-empty .detail-stat-icon,
.detail-modal-content .detail-stat-card.is-empty .detail-stat-icon {
  color: rgba(232, 238, 242, 0.34) !important;
}
.detail-stat-card.is-empty .detail-stat-chart,
.detail-modal-content .detail-stat-card.is-empty .detail-stat-chart {
  opacity: 0.22 !important;
}


/* v259: calmer account modal title */
.detail-hero-centered .detail-hero-info h1,
.detail-modal-content .detail-hero-centered .detail-hero-info h1 {
  color: rgba(232, 238, 242, 0.96) !important;
  text-shadow: 0 0 18px rgba(122, 220, 232, 0.16) !important;
  letter-spacing: 0 !important;
}
.detail-hero-centered .detail-verified,
.detail-modal-content .detail-hero-centered .detail-verified {
  filter: none !important;
}


/* v294: catalog account growth history */
.detail-growth-section { margin-bottom: 8px !important; }
.detail-growth-section h2 { margin: 0 0 14px !important; color: #e8eef2 !important; font-size: 18px !important; }
.detail-growth-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
.detail-growth-card { padding: 16px !important; border: 1px solid rgba(122, 220, 232, 0.14) !important; border-radius: 14px !important; background: rgba(18, 20, 26, 0.92) !important; }
.detail-growth-card > div { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 12px !important; }
.detail-growth-card > div strong { color: #e8eef2 !important; font-size: 15px !important; }
.detail-growth-card > div span { color: rgba(232, 238, 242, 0.42) !important; font-size: 11px !important; }
.detail-growth-card dl { display: grid !important; gap: 8px !important; margin: 0 !important; }
.detail-growth-card dl div { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
.detail-growth-card dt { color: rgba(232, 238, 242, 0.52) !important; font-size: 12px !important; }
.detail-growth-card dd { margin: 0 !important; color: #7adce8 !important; font-size: 14px !important; font-weight: 800 !important; }
.detail-sample-section { margin-top: 20px !important; }
.detail-sample-section h3 { margin: 0 0 10px !important; color: rgba(232, 238, 242, 0.78) !important; font-size: 14px !important; }
.detail-sample-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
.detail-sample-video { padding: 12px !important; border: 1px solid rgba(122, 220, 232, 0.1) !important; border-radius: 12px !important; background: rgba(18, 20, 26, 0.72) !important; }
.detail-sample-video strong, .detail-sample-video span, .detail-sample-video small { display: block !important; }
.detail-sample-video strong { margin-bottom: 6px !important; color: #7adce8 !important; }
.detail-sample-video span { color: rgba(232, 238, 242, 0.86) !important; font-size: 12px !important; }
.detail-sample-video small { margin-top: 2px !important; color: rgba(232, 238, 242, 0.42) !important; font-size: 11px !important; }
 (max-width: 768px) {
  .detail-growth-grid { grid-template-columns: 1fr !important; }
  .detail-sample-grid { grid-template-columns: 1fr !important; }
}