/* STOREDX Explore R5 – presentation only, scoped to the Explore page */
#content .sx-explore.sx-r5-active{max-width:1480px}
#content .sx-r5-cards{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:18px;margin:0 0 10px;
}
#content .sx-r5-card{
 display:block;background:#fff;overflow:hidden;border:1px solid #dce7f5;
 border-radius:16px;text-decoration:none;color:#11243f;
 box-shadow:0 6px 18px rgba(20,53,97,.055);
 transition:transform .18s,border-color .18s,box-shadow .18s;
 min-width:0;
}
#content .sx-r5-card:hover,#content .sx-r5-card:focus-visible{
 transform:translateY(-2px);border-color:#8bb9f5;
 box-shadow:0 10px 24px rgba(20,53,97,.11);
}
#content .sx-r5-card img{
 display:block;width:100%;height:154px;object-fit:cover;background:#eef4fa;
}
#content .sx-r5-card-body{padding:16px 19px 18px}
#content .sx-r5-card-body h2{
 font-size:20px;line-height:1.25;margin:0 0 7px;
 color:#11243f;letter-spacing:-.015em;
}
#content .sx-r5-card-body p{
 font-size:14px;line-height:1.45;color:#63738e;
 margin:0 0 10px;max-width:55ch;
}
#content .sx-r5-link{font-size:14px;font-weight:750;color:#0860d5}
#content .sx-r5-disclosure{margin:0 0 22px;color:#71829b;font-size:12px;line-height:1.5}
#content .sx-explore.sx-r5-active .sx-explore-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:18px;align-items:start;
}
#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:first-child,
#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(3){
 display:none;
}
#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(2){
 grid-column:1;grid-row:auto;
}
#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(4){
 grid-column:2;grid-row:auto;
}
#content .sx-explore.sx-r5-active .sx-explore-panel{min-width:0}
#content .sx-explore.sx-r5-active #sx-explore-live-search input{flex-basis:100%}
#content .sx-explore.sx-r5-active #sx-explore-live-search select{flex:1}
@media(max-width:900px){
 #content .sx-explore.sx-r5-active .sx-explore-grid{
  grid-template-columns:1fr;
 }
 #content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(2),
 #content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(4){
  grid-column:1;
 }
}
@media(max-width:600px){
 #content .sx-r5-cards{grid-template-columns:1fr;gap:12px}
 #content .sx-r5-card img{height:150px}
 #content .sx-r5-card-body{padding:14px 16px}
}
@media(prefers-reduced-motion:reduce){
 #content .sx-r5-card{transition:none}
}

/* STOREDX_R51_LAYOUT — CSS-only refinement */
#content .sx-explore.sx-r5-active .sx-explore-grid {
  grid-template-columns: minmax(0,1fr);
  gap: 18px;
}

#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(2),
#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(4) {
  grid-column: 1 / -1;
  grid-row: auto;
}

#content .sx-explore.sx-r5-active #sx-explore-live-search input {
  flex: 1 1 300px;
}

#content .sx-explore.sx-r5-active #sx-explore-live-search select {
  flex: 0 1 180px;
}

/* STOREDX_R52_HERO — cosmetic only */

#content .sx-explore.sx-r5-active .sx-explore-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 195px;
  padding: 30px 255px 30px 105px;
  border: 1px solid #dceaff;
  border-radius: 20px;
  background: linear-gradient(110deg,#e8f2ff 0%,#f5f9ff 65%,#e3efff 100%);
  box-shadow: none;
}

#content .sx-explore.sx-r5-active .sx-explore-hero::before {
  content: "▶";
  position: absolute;
  left: 24px;
  top: 30px;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #0759d9;
  background: #d2e3ff;
  font-size: 25px;
  box-shadow: 0 0 0 7px rgba(71,133,242,.08);
}

#content .sx-explore.sx-r5-active .sx-explore-hero::after {
  content: "▂ ▄ ▆ █ ↗";
  position: absolute;
  right: 30px;
  top: 36px;
  font-size: 55px;
  font-weight: 800;
  letter-spacing: 4px;
  color: rgba(51,122,234,.19);
  transform: rotate(-5deg);
  pointer-events: none;
}

#content .sx-explore.sx-r5-active .sx-explore-hero h1 {
  position: relative;
  z-index: 1;
  margin: 7px 0 10px;
  font-size: clamp(26px,2.5vw,35px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.18;
  color: #102542;
}

#content .sx-explore.sx-r5-active .sx-explore-hero p {
  position: relative;
  z-index: 1;
  max-width: 780px;
  font-size: 14px;
  line-height: 1.55;
  color: #435d81;
  margin: 6px 0;
}

@media(max-width:900px) {
  #content .sx-explore.sx-r5-active .sx-explore-hero {
    padding: 25px 26px 25px 95px;
    min-height: 0;
  }
  #content .sx-explore.sx-r5-active .sx-explore-hero::after {
    display: none;
  }
}

@media(max-width:600px) {
  #content .sx-explore.sx-r5-active .sx-explore-hero {
    padding: 85px 20px 22px;
  }
  #content .sx-explore.sx-r5-active .sx-explore-hero::before {
    left: 22px;
    top: 18px;
    width: 45px;
    height: 45px;
  }
  #content .sx-explore.sx-r5-active .sx-explore-hero h1 {
    font-size: 26px;
  }
}

/* STOREDX_R53_HERO — final visual refinement */
#content .sx-explore.sx-r5-active .sx-explore-hero {
  background:linear-gradient(105deg,#e7f1ff 0%,#f7fbff 66%,#e3efff 100%);
  padding:30px 245px 30px 105px;
  min-height:175px;
}

#content .sx-explore.sx-r5-active .sx-explore-hero h1 {
  font-size:clamp(27px,2.6vw,36px);
  letter-spacing:-.035em;
  line-height:1.17;
  margin:6px 0 12px;
}

#content .sx-explore.sx-r5-active .sx-explore-hero h1 .sx-r53-blue {
  color:#075ce0;
}

#content .sx-explore.sx-r5-active .sx-explore-hero::before {
  content:"";
  background:#d6e6ff center/34px 34px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='8' y='12' width='32' height='25' rx='3' fill='none' stroke='%23075ce0' stroke-width='3'/%3E%3Cpath d='M20 18 L31 24.5 L20 31 Z' fill='%23075ce0'/%3E%3C/svg%3E");
  border-radius:18px;
}

#content .sx-explore.sx-r5-active .sx-explore-hero::after {
  content:"";
  width:190px;
  height:120px;
  top:35px;
  right:28px;
  transform:none;
  background:
    linear-gradient(to top,#9fc4fc 0 28%,transparent 28%) 8% 100%/25px 100%,
    linear-gradient(to top,#80b0f5 0 48%,transparent 48%) 30% 100%/25px 100%,
    linear-gradient(to top,#5c9bea 0 70%,transparent 70%) 52% 100%/25px 100%,
    linear-gradient(to top,#2879e6 0 92%,transparent 92%) 74% 100%/25px 100%;
  background-repeat:no-repeat;
  opacity:.45;
}

@media(max-width:900px) {
  #content .sx-explore.sx-r5-active .sx-explore-hero {
    padding:25px 25px 25px 95px;
  }
  #content .sx-explore.sx-r5-active .sx-explore-hero::after {
    display:none;
  }
}

@media(max-width:600px) {
  #content .sx-explore.sx-r5-active .sx-explore-hero {
    padding:85px 20px 22px;
  }
}

/* STOREDX_R54_ICONS — decorative card icons only */

#content .sx-explore.sx-r5-active .sx-r5-card-body {
  position: relative;
  padding-right: 78px;
}

#content .sx-explore.sx-r5-active .sx-r5-card-body::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #e3edff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  pointer-events: none;
}

/* Trending Products — shopping bag */
#content .sx-r5-products .sx-r5-card-body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5CE5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='14' rx='2'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E");
}

/* Top Creators — people */
#content .sx-r5-creators .sx-r5-card-body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5CE5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M17 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 5v1'/%3E%3C/svg%3E");
}

/* Videos — play */
#content .sx-r5-videos .sx-r5-card-body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5CE5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m10 8 6 4-6 4z'/%3E%3C/svg%3E");
}

/* Live Commerce — broadcast */
#content .sx-r5-live .sx-r5-card-body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5CE5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M7 7a7 7 0 0 0 0 10M17 7a7 7 0 0 1 0 10M4 4a11 11 0 0 0 0 16M20 4a11 11 0 0 1 0 16'/%3E%3C/svg%3E");
}

@media(max-width:600px) {
  #content .sx-explore.sx-r5-active .sx-r5-card-body {
    padding-right: 65px;
  }
  #content .sx-explore.sx-r5-active .sx-r5-card-body::after {
    width: 40px;
    height: 40px;
    right: 14px;
    background-size: 22px 22px;
  }
}

/* STOREDX_R55_HEADER — cosmetic only */

/* Prevent translucent content showing through sticky header */
body:has(#content .sx-explore.sx-r5-active) header {
  background-color: #fff;
  backdrop-filter: none;
}

/* Keep Explore section anchors clear of sticky navigation */
#content .sx-explore.sx-r5-active {
  scroll-margin-top: 90px;
}

#content .sx-explore.sx-r5-active .sx-explore-hero,
#content .sx-explore.sx-r5-active .sx-explore-panel,
#content .sx-explore.sx-r5-active .sx-r5-card {
  scroll-margin-top: 95px;
}

@media (max-width:900px) {
  #content .sx-explore.sx-r5-active {
    scroll-margin-top: 75px;
  }
}

@media (max-width:600px) {
  #content .sx-explore.sx-r5-active .sx-r5-cards {
    grid-template-columns: 1fr;
  }

  #content .sx-explore.sx-r5-active .sx-r5-card img {
    height: 145px;
  }

  #content .sx-explore.sx-r5-active .sx-r5-card-body {
    padding: 15px 64px 17px 16px;
  }
}

/* STOREDX_R56_BOTTOM — visual layout only */

#content .sx-explore.sx-r5-active .sx-explore-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: start;
  gap: 16px;
}

#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(2) {
  grid-column: 1;
  grid-row: 1;
}

#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(4) {
  grid-column: 2;
  grid-row: 1;
}

#content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel {
  padding: 22px;
  border-radius: 15px;
}

#content .sx-explore.sx-r5-active .sx-explore-person {
  padding: 11px 0;
  gap: 10px;
}

#content .sx-explore.sx-r5-active .sx-explore-person span {
  font-size: 11px;
  color: #7a8ba6;
}

#content .sx-explore.sx-r5-active #sx-explore-live-search {
  display: flex;
  flex-wrap: nowrap;
  gap: 7px;
  align-items: center;
}

#content .sx-explore.sx-r5-active #sx-explore-live-search input {
  flex: 1 1 160px;
  min-width: 0;
}

#content .sx-explore.sx-r5-active #sx-explore-live-search select {
  flex: 0 1 110px;
  min-width: 0;
}

#content .sx-explore.sx-r5-active #sx-explore-live-search button {
  flex: 0 0 auto;
}

/* Compact visible LIVE preview; all records remain accessible by scrolling */
#content .sx-explore.sx-r5-active #sx-explore-live-results {
  max-height: 310px;
  overflow-y: auto;
  scrollbar-width: thin;
}

@media (max-width: 900px) {
  #content .sx-explore.sx-r5-active .sx-explore-grid {
    grid-template-columns: minmax(0,1fr);
  }

  #content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(2),
  #content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(4) {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 600px) {
  #content .sx-explore.sx-r5-active #sx-explore-live-search {
    flex-wrap: wrap;
  }

  #content .sx-explore.sx-r5-active #sx-explore-live-search input {
    flex: 1 1 100%;
  }
}

/* STOREDX R5.7 — LIVE evidence cards; scoped to Explore LIVE results only. */
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e6edf7}
#content .sx-explore.sx-r5-active .sx-r57-live-art{flex:0 0 75px;width:75px;height:82px;border-radius:12px;background:linear-gradient(145deg,#e7f2ff,#d8e9ff);color:#1468cf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#content .sx-explore.sx-r5-active .sx-r57-live-mark{font-size:28px;line-height:1}
#content .sx-explore.sx-r5-active .sx-r57-live-art small{font-size:10px;font-weight:800;letter-spacing:.12em}
#content .sx-explore.sx-r5-active .sx-r57-live-body{flex:1;min-width:0}
#content .sx-explore.sx-r5-active .sx-r57-live-title{display:block;font-weight:700;line-height:1.4;color:#182c49;overflow-wrap:anywhere}
#content .sx-explore.sx-r5-active .sx-r57-live-creator{margin-top:4px;color:#50637b;font-size:13px;overflow-wrap:anywhere}
#content .sx-explore.sx-r5-active .sx-r57-live-badges{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}
#content .sx-explore.sx-r5-active .sx-r57-live-badges span{display:inline-block;padding:3px 7px;border-radius:99px;background:#edf4ff;color:#225c9f;font-size:11px;font-weight:600}
#content .sx-explore.sx-r5-active .sx-r57-live-gmv{font-size:12px;font-weight:700;color:#174b86;overflow-wrap:anywhere}
#content .sx-explore.sx-r5-active .sx-r57-live-date{font-size:11px;color:#657894;margin-top:5px;line-height:1.4}
#content .sx-explore.sx-r5-active .sx-r57-live-details{margin-top:7px;font-size:11px;color:#50637b}
#content .sx-explore.sx-r5-active .sx-r57-live-details summary{color:#1565c0;cursor:pointer;font-weight:600}
#content .sx-explore.sx-r5-active .sx-r57-live-details code{white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){#content .sx-explore.sx-r5-active .sx-r57-live-art{flex-basis:60px;width:60px;height:70px}}

/* STOREDX_R58_PANEL_POLISH — visual only, no provider calls or data changes */
@media (min-width:901px) {
  #content .sx-explore.sx-r5-active .sx-explore-grid {align-items:stretch;}
  #content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(2),
  #content .sx-explore.sx-r5-active .sx-explore-grid > .sx-explore-panel:nth-child(4) {align-self:stretch;}
}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-row {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-main {display:flex;align-items:center;gap:12px;min-width:0;flex:1;}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-main strong {font-size:13px;line-height:1.4;overflow-wrap:anywhere;}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-avatar {flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf3ff,#d8e9ff);color:#175bb7;border:1px solid #cfe1fb;font-size:13px;font-weight:800;letter-spacing:.025em;}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-date {flex:0 0 auto;white-space:nowrap;font-size:11px;color:#6f83a1;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-art {background:linear-gradient(145deg,#edf6ff,#d7eaff);border:1px solid #d3e5fb;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-mark {width:40px;height:40px;display:block;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231468cf%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2216%22%20y%3D%2215%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%222%22%20fill%3D%22%231468cf%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11%2015a15%2015%200%200%200%200%2018M37%2015a15%2015%200%200%201%200%2018M6%2010a22%2022%200%200%200%200%2028M42%2010a22%2022%200%200%201%200%2028%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0;line-height:0;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-art small {font-size:11px;letter-spacing:.13em;color:#175bb7;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-row {gap:13px;}
@media(max-width:600px) {
 #content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-avatar {flex-basis:36px;width:36px;height:36px;}
 #content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-row {gap:6px;}
 #content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-mark {width:32px;height:32px;}
}

/* STOREDX_R59_MORE_INTELLIGENCE — scoped presentation, no provider requests */
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r59-creator-info {display:flex;flex-direction:column;gap:4px;min-width:0;}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r59-creator-metrics {display:block;font-size:11px;line-height:1.45;color:#637998;font-weight:400;overflow-wrap:anywhere;}
#content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-main {min-width:0;}
#content .sx-explore.sx-r5-active #sx-explore-live-results {max-height:440px;overflow-y:auto;scrollbar-width:thin;}
@media(max-width:600px) {
  #content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-row {align-items:flex-start;}
  #content .sx-explore.sx-r5-active #sx-explore-creators .sx-r59-creator-metrics {font-size:10px;}
  #content .sx-explore.sx-r5-active #sx-explore-live-results {max-height:430px;}
}

/* STOREDX_R510_PANEL_REFINEMENT — Explore layout polish only */
/* Space the five creator records evenly rather than leaving a large empty region. */
@media(min-width:901px) {
 #content .sx-explore.sx-r5-active #sx-explore-creators .sx-r58-creator-row {padding:19px 0;min-height:72px;}
}
/* Reduce vertical chrome so three LIVE cards are readable without cutting off the third. */
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-row {padding:9px 0;gap:10px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-art {flex-basis:66px;width:66px;height:70px;border-radius:11px;gap:0;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-mark {width:31px;height:31px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-art small {font-size:9px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-creator {margin-top:2px;font-size:12px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-badges {margin:4px 0;gap:4px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-badges span {padding:2px 6px;font-size:10px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-date {margin-top:3px;}
#content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-details {margin-top:4px;}
@media(max-width:600px) {
 #content .sx-explore.sx-r5-active #sx-explore-live-results .sx-r57-live-art {flex-basis:58px;width:58px;height:65px;}
}