/* BaoCaoSuHP Doll Category Hub v10.24.0
 * Simple magazine UI synced to the site's existing BaoCaoSuHP palette.
 * Scoped to the Doll Hub only; YOOtheme/WooCommerce keep query/layout ownership.
 */
.bcshp-doll-hub,
.bcshp-doll-hub-products {
  --bcshp-hub-bg: var(--bcshp-bg, #0b0f11);
  --bcshp-hub-surface: var(--bcshp-panel, #111719);
  --bcshp-hub-surface-2: #151d20;
  --bcshp-hub-text: var(--bcshp-text, #f5f7f8);
  --bcshp-hub-muted: var(--bcshp-muted, #aab5b8);
  --bcshp-hub-soft: #c4ced0;
  --bcshp-hub-line: var(--bcshp-line, rgba(255,255,255,.09));
  --bcshp-hub-red: var(--bcshp-red, #e12635);
  --bcshp-hub-gold: var(--bcshp-yellow, #FFD700);
  --bcshp-hub-cyan: var(--bcshp-cyan, #00d2d3);
  --bcshp-hub-radius: 16px;
  --bcshp-hub-radius-sm: 12px;
  --bcshp-hub-gap: clamp(12px, 1.8vw, 20px);
  --bcshp-hub-pad: clamp(18px, 2.6vw, 32px);
  color: var(--bcshp-hub-text);
}

.bcshp-doll-hub,
.bcshp-doll-hub-products {
  width: min(100%, 1320px);
  max-width: 100%;
  margin-inline: auto;
  font-size: clamp(15px, 14.4px + .15vw, 16.5px);
  line-height: 1.78;
  container-type: inline-size;
  container-name: doll-hub;
}

.bcshp-doll-hub *,
.bcshp-doll-hub-products * {
  box-sizing: border-box;
  min-width: 0;
}

.bcshp-doll-hub img,
.bcshp-doll-hub-products img {
  display: block;
  max-width: 100%;
  height: auto;
}

.bcshp-doll-hub a,
.bcshp-doll-hub-products a { text-underline-offset: .18em; }
.bcshp-doll-hub h2,
.bcshp-doll-hub h3,
.bcshp-doll-hub p { margin-block-start: 0; }
.bcshp-doll-hub h2,
.bcshp-doll-hub-products h2 {
  margin: 0 0 10px;
  max-width: 28ch;
  color: var(--bcshp-hub-gold);
  font-size: clamp(1.42rem, 1.16rem + .9vw, 2.05rem);
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -.018em;
  text-align: left;
  text-align-last: auto;
  word-spacing: normal;
}
.bcshp-doll-hub h3 {
  margin: 0 0 6px;
  color: var(--bcshp-hub-text);
  font-size: clamp(1rem, .96rem + .18vw, 1.13rem);
  line-height: 1.35;
}
.bcshp-doll-hub p,
.bcshp-doll-hub-products p { margin-block-end: 13px; color: var(--bcshp-hub-muted); }

.bcshp-doll-hub__hero,
.bcshp-doll-hub__section,
.bcshp-doll-hub__cta,
.bcshp-doll-hub-products {
  position: relative;
  margin-block: clamp(16px, 2.6vw, 32px);
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius);
  background: var(--bcshp-hub-surface);
}

.bcshp-doll-hub__hero,
.bcshp-doll-hub__section,
.bcshp-doll-hub__cta,
.bcshp-doll-hub-products { padding: var(--bcshp-hub-pad); }

.bcshp-doll-hub__hero::before,
.bcshp-doll-hub__cta::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: min(220px, 42%);
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bcshp-hub-red), var(--bcshp-hub-gold));
  pointer-events: none;
}

.bcshp-doll-hub__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .75fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: start;
}
.bcshp-doll-hub__hero-story { align-self: center; min-width: 0; }
.bcshp-doll-hub__issue-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 14px;
  margin: 0 0 18px;
  padding: 0 0 9px;
  border-bottom: 1px solid var(--bcshp-hub-line);
  color: var(--bcshp-hub-soft);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .09em;
}
.bcshp-doll-hub__lead {
  max-width: 68ch;
  margin-bottom: 11px;
  color: var(--bcshp-hub-text) !important;
  font-size: clamp(1rem, .96rem + .2vw, 1.12rem);
  line-height: 1.72;
}
.bcshp-doll-hub__hero-title {
  margin: 0 0 12px;
  max-width: 23ch;
  color: var(--bcshp-hub-gold) !important;
  font-size: clamp(1.45rem, 1.15rem + 1vw, 2.18rem);
  line-height: 1.16;
  letter-spacing: -.02em;
}
.bcshp-doll-hub__hero-title strong { color: inherit; }
.bcshp-doll-hub__trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}
.bcshp-doll-hub__trust-row span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--bcshp-hub-soft);
  font-size: .78rem;
  font-weight: 720;
  line-height: 1.35;
}
.bcshp-doll-hub__hero-deck { max-width: 70ch; }
.bcshp-doll-hub__eyebrow,
.bcshp-doll-hub__kicker,
.bcshp-doll-hub__bestseller-kicker {
  margin: 0 0 7px;
  color: var(--bcshp-hub-cyan) !important;
  font-size: .72rem;
  font-weight: 850;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bcshp-doll-hub__hero-brief {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 20px;
  border-block: 1px solid var(--bcshp-hub-line);
}
.bcshp-doll-hub__hero-brief > div { padding: 13px 12px 13px 0; }
.bcshp-doll-hub__hero-brief > div + div { padding-inline-start: 12px; border-inline-start: 1px solid var(--bcshp-hub-line); }
.bcshp-doll-hub__hero-brief span { display: block; color: var(--bcshp-hub-red); font-size: .72rem; font-weight: 900; }
.bcshp-doll-hub__hero-brief strong { display: block; margin-top: 3px; color: var(--bcshp-hub-text); line-height: 1.35; }
.bcshp-doll-hub__hero-brief small { display: block; margin-top: 3px; color: var(--bcshp-hub-muted); font-size: .79rem; line-height: 1.45; }

.bcshp-doll-hub__hero-visual {
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: #0b0f12;
}
.bcshp-doll-hub__hero-media {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #0b0f12;
}
.bcshp-doll-hub img.bcshp-doll-hub__hero-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.bcshp-doll-hub__hero-placeholder {
  display: grid;
  min-height: 250px;
  place-content: center;
  gap: 4px;
  padding: 24px;
  background: var(--bcshp-hub-surface-2);
  text-align: center;
}
.bcshp-doll-hub__hero-placeholder span { color: var(--bcshp-hub-cyan); font-size: .72rem; font-weight: 850; letter-spacing: .14em; }
.bcshp-doll-hub__hero-placeholder strong { color: var(--bcshp-hub-gold); font-size: clamp(1.9rem, 4vw, 3.4rem); line-height: 1; }
.bcshp-doll-hub__hero-caption {
  position: static;
  padding: 13px 15px 14px;
  border-top: 1px solid var(--bcshp-hub-line);
  background: rgba(255,255,255,.018);
}
.bcshp-doll-hub__hero-caption span { display: block; color: var(--bcshp-hub-cyan); font-size: .69rem; font-weight: 850; letter-spacing: .09em; }
.bcshp-doll-hub__hero-caption strong { display: block; margin-top: 4px; color: var(--bcshp-hub-text); font-size: .94rem; line-height: 1.45; }

.bcshp-doll-hub__quicknav {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--bcshp-hub-line);
  overflow: hidden;
}
.bcshp-doll-hub__quicknav-list {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 1px 1px 7px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.bcshp-doll-hub__quicknav-link {
  flex: 0 0 auto;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 8px 13px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--bcshp-hub-text);
  font-weight: 720;
  text-decoration: none;
  scroll-snap-align: start;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, background-color .2s ease;
}

.bcshp-doll-hub__section--flow {
  background: transparent;
  border-width: 1px 0 0;
  border-radius: 0;
  padding-inline: 0;
  box-shadow: none;
}
.bcshp-doll-hub__section-head { max-width: 860px; margin-bottom: clamp(14px, 2vw, 22px); }
.bcshp-doll-hub__section-head > :last-child { margin-bottom: 0; }
.bcshp-doll-hub__section-head--split {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: clamp(14px, 3vw, 34px);
  align-items: end;
}
.bcshp-doll-hub__section-head--split > p { margin: 0; max-width: 56ch; }

.bcshp-doll-hub__choice-ledger {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-block: 1px solid var(--bcshp-hub-line);
}
.bcshp-doll-hub__choice-ledger article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  padding: 14px 12px;
}
.bcshp-doll-hub__choice-ledger article + article { border-inline-start: 1px solid var(--bcshp-hub-line); }
.bcshp-doll-hub__choice-ledger article > span { color: var(--bcshp-hub-red); font-size: .72rem; font-weight: 900; }
.bcshp-doll-hub__choice-ledger h3 { font-size: .98rem; }
.bcshp-doll-hub__choice-ledger p { margin: 0; font-size: .9rem; line-height: 1.55; }
.bcshp-doll-hub__choice-ledger a { color: var(--bcshp-hub-cyan); text-decoration: none; font-weight: 750; }
.bcshp-doll-hub__choice-ledger--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bcshp-doll-hub__decision-flow {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0;
  margin: 16px 0 0;
  padding: 0;
  border-block: 1px solid var(--bcshp-hub-line);
}
.bcshp-doll-hub__decision-flow li {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 11px 9px;
}
.bcshp-doll-hub__decision-flow li + li { border-inline-start: 1px solid var(--bcshp-hub-line); }
.bcshp-doll-hub__decision-flow span { color: var(--bcshp-hub-red); font-size: .68rem; font-weight: 900; }
.bcshp-doll-hub__decision-flow strong { color: var(--bcshp-hub-text); font-size: .78rem; line-height: 1.3; overflow-wrap: anywhere; }

.bcshp-doll-hub__material-link,
.bcshp-doll-hub__text-link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 7px 11px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--bcshp-hub-cyan);
  font-weight: 780;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.bcshp-doll-hub__material-link--silicone { color: var(--bcshp-hub-gold); }


.bcshp-doll-hub__category-grid--compact,
.bcshp-doll-hub__category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bcshp-hub-gap);
}
.bcshp-doll-hub__category-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 11px;
  padding: 12px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: rgba(255,255,255,.022);
  color: var(--bcshp-hub-text);
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.bcshp-doll-hub__category-media {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 9px;
  background: #0b0f12;
}
.bcshp-doll-hub img.bcshp-doll-hub__category-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.bcshp-doll-hub__category-index {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(225,38,53,.3);
  border-radius: 50%;
  background: rgba(225,38,53,.08);
  color: var(--bcshp-hub-red);
  font-size: .76rem;
  font-weight: 850;
}
.bcshp-doll-hub__category-copy { display: grid; align-content: start; gap: 5px; }
.bcshp-doll-hub__category-copy strong { color: var(--bcshp-hub-text); font-size: 1rem; line-height: 1.32; }
.bcshp-doll-hub__category-copy > span:not(.bcshp-doll-hub__kicker):not(.bcshp-doll-hub__category-cta) { color: var(--bcshp-hub-muted); font-size: .9rem; line-height: 1.55; }
.bcshp-doll-hub__category-cta { margin-top: 4px; color: var(--bcshp-hub-cyan); font-size: .82rem; font-weight: 800; line-height: 1.4; }
.bcshp-doll-hub__story-transition {
  max-width: 78ch;
  margin: 16px 0 0;
  padding-left: 12px;
  border-left: 3px solid var(--bcshp-hub-red);
  color: var(--bcshp-hub-soft) !important;
}
.bcshp-doll-hub__story-transition--intro { margin: 8px 0 20px; }

/* Bestseller: equal cards, no lead/masonry card. */
.bcshp-doll-hub-products--bestsellers { background: var(--bcshp-hub-surface); }
.bcshp-doll-hub__bestseller-head { margin-bottom: 16px; }
.bcshp-doll-hub__bestseller-head p:last-child { max-width: 70ch; margin-bottom: 0; }
.bcshp-doll-hub__bestseller-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bcshp-hub-gap);
}
.bcshp-doll-hub__bestseller-card {
  overflow: hidden;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: rgba(255,255,255,.022);
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.bcshp-doll-hub__bestseller-link { display: grid; height: 100%; color: inherit; text-decoration: none; }
.bcshp-doll-hub__bestseller-media {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #0b0f12;
}
.bcshp-doll-hub-products img.bcshp-doll-hub__bestseller-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.bcshp-doll-hub__bestseller-rank {
  position: absolute;
  top: 9px;
  left: 9px;
  display: grid;
  place-items: center;
  min-width: 34px;
  min-height: 34px;
  padding: 5px;
  border-radius: 9px;
  background: rgba(17,23,26,.9);
  color: var(--bcshp-hub-gold);
  font-weight: 900;
}
.bcshp-doll-hub__bestseller-badge {
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 4px 8px;
  border: 1px solid rgba(85,230,230,.26);
  border-radius: 999px;
  background: rgba(17,23,26,.9);
  color: var(--bcshp-hub-cyan);
  font-size: .68rem;
  font-weight: 820;
}
.bcshp-doll-hub__bestseller-body { display: grid; align-content: start; gap: 7px; padding: 13px 14px 15px; }
.bcshp-doll-hub__bestseller-body strong { color: var(--bcshp-hub-text); line-height: 1.4; }
.bcshp-doll-hub__bestseller-price { color: var(--bcshp-hub-gold); font-weight: 900; }
.bcshp-doll-hub__bestseller-price del { opacity: .65; }
.bcshp-doll-hub__bestseller-cta { color: var(--bcshp-hub-cyan); font-size: .9rem; font-weight: 780; }

/* Bottom article flow. */
.bcshp-doll-hub__article { padding-bottom: 0; }
.bcshp-doll-hub__article-prose { max-width: 850px; }
.bcshp-doll-hub__article-prose h3 { margin-top: 20px; }
.bcshp-doll-hub__article-grid--compact,
.bcshp-doll-hub__article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bcshp-hub-gap);
  margin-block: 14px 18px;
}
.bcshp-doll-hub__article-grid article {
  padding: 14px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: rgba(255,255,255,.018);
}
.bcshp-doll-hub__article-grid article p:last-child { margin-bottom: 0; }
.bcshp-doll-hub__article-table { max-width: 100%; overflow-x: auto; margin-block: 12px 20px; border: 1px solid var(--bcshp-hub-line); border-radius: 10px; }
.bcshp-doll-hub__article-table table { width: 100%; min-width: 650px; border-collapse: collapse; background: rgba(255,255,255,.012); }
.bcshp-doll-hub__article-table th,
.bcshp-doll-hub__article-table td { padding: 11px 12px; border-bottom: 1px solid var(--bcshp-hub-line); text-align: left; vertical-align: top; }
.bcshp-doll-hub__article-table th { color: var(--bcshp-hub-gold); background: rgba(255,212,92,.04); font-size: .86rem; }
.bcshp-doll-hub__article-table tr:last-child td { border-bottom: 0; }
.bcshp-doll-hub__article-media {
  max-width: 980px;
  margin: 18px 0 0;
  overflow: hidden;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: #0b0f12;
}
.bcshp-doll-hub__article-media a { display: block; }
.bcshp-doll-hub__article-image { width: 100%; max-width: 100%; height: auto; max-height: 520px; object-fit: contain; }

.bcshp-doll-hub__material-duo,
.bcshp-doll-hub__compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--bcshp-hub-gap);
  margin-block: 14px 18px;
}
.bcshp-doll-hub__material-panel,
.bcshp-doll-hub__compare-card {
  padding: 16px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: rgba(255,255,255,.02);
}
.bcshp-doll-hub__material-panel > span,
.bcshp-doll-hub__compare-card > span { display: block; margin-bottom: 6px; color: var(--bcshp-hub-cyan); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.bcshp-doll-hub__material-panel--silicone > span { color: var(--bcshp-hub-gold); }
.bcshp-doll-hub__compare-mark { display: none; }

.bcshp-doll-hub__inline-details,
.bcshp-doll-hub__faq-item {
  border: 1px solid var(--bcshp-hub-line);
  border-radius: 10px;
  background: rgba(255,255,255,.018);
}
.bcshp-doll-hub__inline-details { margin-top: 14px; }
.bcshp-doll-hub__inline-details summary,
.bcshp-doll-hub__faq-item summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 11px 13px;
  color: var(--bcshp-hub-text);
  font-weight: 760;
  cursor: pointer;
}
.bcshp-doll-hub__inline-details > div,
.bcshp-doll-hub__faq-item > div { padding: 0 13px 13px; }
.bcshp-doll-hub__inline-details p:last-child,
.bcshp-doll-hub__faq-item p:last-child { margin-bottom: 0; }
.bcshp-doll-hub__faq-list { display: grid; gap: 8px; max-width: 920px; }

.bcshp-doll-hub__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--bcshp-hub-gap);
  align-items: center;
  border-color: rgba(225,38,53,.28);
}
.bcshp-doll-hub__cta-title { margin-bottom: 6px !important; color: var(--bcshp-hub-gold) !important; font-size: clamp(1.25rem, 1.1rem + .55vw, 1.7rem); }
.bcshp-doll-hub__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.bcshp-doll-hub__button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: var(--bcshp-hub-text);
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.bcshp-doll-hub__button--primary { border-color: rgba(225,38,53,.45); background: var(--bcshp-hub-red); color: #fff; }

@media (hover: hover) and (pointer: fine) {
  .bcshp-doll-hub__quicknav-link:hover,
  .bcshp-doll-hub__material-link:hover,
  .bcshp-doll-hub__feature-link:hover,
  .bcshp-doll-hub__text-link:hover,
  .bcshp-doll-hub__button:hover,
  .bcshp-doll-hub__category-card:hover,
  .bcshp-doll-hub__bestseller-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,212,92,.28);
  }
  .bcshp-doll-hub__category-card:hover,
  .bcshp-doll-hub__bestseller-card:hover { background: rgba(255,255,255,.035); }
}

.bcshp-doll-hub a:focus-visible,
.bcshp-doll-hub summary:focus-visible,
.bcshp-doll-hub-products a:focus-visible {
  outline: 2px solid var(--bcshp-hub-cyan);
  outline-offset: 3px;
}

@container doll-hub (min-width: 1180px) {
  .bcshp-doll-hub__category-grid--compact,
  .bcshp-doll-hub__category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@container doll-hub (max-width: 959px) {
  .bcshp-doll-hub__hero-grid,
  .bcshp-doll-hub__section-head--split,
  .bcshp-doll-hub__cta { grid-template-columns: 1fr; }
  .bcshp-doll-hub__category-grid--compact,
  .bcshp-doll-hub__category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__choice-ledger,
  .bcshp-doll-hub__choice-ledger--six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__decision-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bcshp-doll-hub__decision-flow li:nth-child(5) { border-inline-start: 0; }
}

@container doll-hub (max-width: 559px) {
  .bcshp-doll-hub__category-grid--compact,
  .bcshp-doll-hub__category-grid,
  .bcshp-doll-hub__choice-ledger,
  .bcshp-doll-hub__choice-ledger--six { grid-template-columns: 1fr; }
  .bcshp-doll-hub__decision-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__decision-flow li:nth-child(odd) { border-inline-start: 0; }
}

@media (max-width: 959px) {
  .bcshp-doll-hub__hero-grid,
  .bcshp-doll-hub__section-head--split,
  .bcshp-doll-hub__cta { grid-template-columns: 1fr; }
  .bcshp-doll-hub__choice-ledger,
  .bcshp-doll-hub__choice-ledger--six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__choice-ledger article + article { border-inline-start: 0; }
  .bcshp-doll-hub__choice-ledger article { border-bottom: 1px solid var(--bcshp-hub-line); }
  .bcshp-doll-hub__decision-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bcshp-doll-hub__bestseller-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__actions { justify-content: flex-start; }
}

@media (max-width: 559px) {
  .bcshp-doll-hub,
  .bcshp-doll-hub-products { width: 100%; max-width: 100%; font-size: 15.5px; line-height: 1.7; }
  .bcshp-doll-hub { padding-inline: 0; }
  .bcshp-doll-hub h2,
  .bcshp-doll-hub-products h2 { max-width: none; font-size: 1.34rem; line-height: 1.22; letter-spacing: -.01em; text-align: left; text-align-last: auto; word-spacing: normal; white-space: normal; overflow-wrap: break-word; }
  .bcshp-doll-hub h3 { font-size: 1rem; line-height: 1.35; }
  .bcshp-doll-hub__hero,
  .bcshp-doll-hub__section,
  .bcshp-doll-hub__cta,
  .bcshp-doll-hub-products { margin-inline: 0; padding-inline: clamp(14px, 4vw, 18px); border-radius: 13px; }
  .bcshp-doll-hub__section--flow { padding-inline: 0; border-radius: 0; }
  .bcshp-doll-hub__hero-grid,
  .bcshp-doll-hub__section-head--split,
  .bcshp-doll-hub__material-duo,
  .bcshp-doll-hub__compare-grid,
  .bcshp-doll-hub__article-grid,
  .bcshp-doll-hub__decision-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__bestseller-grid { grid-template-columns: 1fr; }
  .bcshp-doll-hub__hero-brief { grid-template-columns: 1fr; }
  .bcshp-doll-hub__hero-brief > div { padding: 11px 0; }
  .bcshp-doll-hub__hero-brief > div + div { padding-inline-start: 0; border-inline-start: 0; border-top: 1px solid var(--bcshp-hub-line); }
  .bcshp-doll-hub__hero-media { aspect-ratio: auto; max-height: 220px; }
  .bcshp-doll-hub img.bcshp-doll-hub__hero-image { max-height: 220px; height: auto; object-fit: contain; }
  .bcshp-doll-hub__hero-caption { position: static; inset: auto; padding: 11px 12px 12px; }
  .bcshp-doll-hub__choice-ledger,
  .bcshp-doll-hub__choice-ledger--six { grid-template-columns: 1fr; }
  .bcshp-doll-hub__choice-ledger article { padding-inline: 0; }
  .bcshp-doll-hub__category-grid--compact,
  .bcshp-doll-hub__category-grid { grid-template-columns: 1fr; gap: 8px; }
  .bcshp-doll-hub__category-card {
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-rows: 1fr;
    align-items: center;
    gap: 11px;
    padding: 10px;
  }
  .bcshp-doll-hub__category-media { width: 58px; height: 58px; aspect-ratio: 1 / 1; border-radius: 8px; }
  .bcshp-doll-hub__category-index { width: 42px; height: 42px; }
  .bcshp-doll-hub__category-copy > span:not(.bcshp-doll-hub__kicker):not(.bcshp-doll-hub__category-cta) { font-size: .86rem; line-height: 1.45; }
  .bcshp-doll-hub__bestseller-grid { grid-template-columns: 1fr; }
  .bcshp-doll-hub__bestseller-media { aspect-ratio: 4 / 3; }
  .bcshp-doll-hub__article-grid { grid-template-columns: 1fr; }
  .bcshp-doll-hub__article-image { max-height: none; }
  .bcshp-doll-hub__article-table { margin-inline: 0; }
  .bcshp-doll-hub--guide { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .bcshp-doll-hub__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .bcshp-doll-hub__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .bcshp-doll-hub *,
  .bcshp-doll-hub-products * {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* v10.24.0 — native Doll Hub media modules. Scoped: no global Woo/YOOtheme selectors. */
.bcshp-doll-hub__section--media {
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012)), var(--bcshp-hub-surface);
}
.bcshp-doll-hub__video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bcshp-hub-gap);
}
.bcshp-doll-hub__video-card {
  overflow: hidden;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: var(--bcshp-hub-radius-sm);
  background: #0d1214;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.bcshp-doll-hub__video-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #050708;
}
.bcshp-doll-hub__video-media video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  background: #050708;
  object-fit: contain;
}
.bcshp-doll-hub__video-body {
  display: grid;
  gap: 7px;
  padding: 13px 14px 15px;
}
.bcshp-doll-hub__video-body time {
  color: var(--bcshp-hub-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
}
.bcshp-doll-hub__video-body h3 { margin: 0; }
.bcshp-doll-hub__video-body h3 a {
  color: var(--bcshp-hub-text);
  text-decoration: none;
}
.bcshp-doll-hub__video-cta {
  color: var(--bcshp-hub-cyan);
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
}
.bcshp-doll-hub__gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.bcshp-doll-hub__gallery-item {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--bcshp-hub-line);
  border-radius: 11px;
  background: #0b0f11;
}
.bcshp-doll-hub__gallery-item > a {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #090d0f;
}
.bcshp-doll-hub img.bcshp-doll-hub__gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease;
}
.bcshp-doll-hub__gallery-item figcaption {
  padding: 9px 10px 10px;
  color: var(--bcshp-hub-muted);
  font-size: .8rem;
  line-height: 1.45;
}
.bcshp-doll-hub__button--primary {
  border-color: rgba(255,215,0,.55);
  background: var(--bcshp-hub-gold);
  color: #071012;
}
.bcshp-doll-hub__hero::before,
.bcshp-doll-hub__cta::before {
  background: linear-gradient(90deg, var(--bcshp-hub-cyan), var(--bcshp-hub-gold));
}
@media (hover: hover) and (pointer: fine) {
  .bcshp-doll-hub__video-card:hover,
  .bcshp-doll-hub__gallery-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255,215,0,.28);
  }
  .bcshp-doll-hub__gallery-item:hover .bcshp-doll-hub__gallery-image { transform: scale(1.018); }
}
@media (max-width: 959px) {
  .bcshp-doll-hub__video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bcshp-doll-hub__gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 559px) {
  .bcshp-doll-hub__video-grid { grid-template-columns: 1fr; gap: 10px; }
  .bcshp-doll-hub__gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .bcshp-doll-hub__video-media { aspect-ratio: 16 / 10; }
  .bcshp-doll-hub__video-body { padding: 11px 12px 13px; }
  .bcshp-doll-hub__gallery-item figcaption { padding: 7px 8px 8px; font-size: .74rem; }
}
@media (min-width: 390px) and (max-width: 559px) {
  .bcshp-doll-hub__bestseller-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .bcshp-doll-hub__bestseller-media { aspect-ratio: 1 / 1; }
  .bcshp-doll-hub__bestseller-body { padding: 10px; }
  .bcshp-doll-hub__bestseller-body strong { font-size: .9rem; line-height: 1.35; }
}

/* v10.24.6 — mobile-first intro compaction + media/bestseller CWV hardening. */
.bcshp-doll-hub__intro { min-width: 0; }
.bcshp-doll-hub__intro-copy { margin: 0; max-width: 56ch; }
.bcshp-doll-hub__intro-toggle {
  display: none;
  align-items: center;
  gap: 4px;
  margin: 4px 0 0;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: var(--bcshp-hub-cyan);
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
}
.bcshp-doll-hub__intro-toggle:hover,
.bcshp-doll-hub__intro-toggle:focus-visible { color: var(--bcshp-hub-gold); }

@media (max-width: 640px) {
  .bcshp-doll-hub__section--media { padding-inline: clamp(14px, 4vw, 18px); }
  .bcshp-doll-hub__section--media .bcshp-doll-hub__section-head--split {
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
  }
  .bcshp-doll-hub__section--media .bcshp-doll-hub__section-head--split > div { min-width: 0; }
  .bcshp-doll-hub__section--media .bcshp-doll-hub__section-head--split h2 {
    font-size: clamp(1.25rem, 5.3vw, 1.5rem);
    line-height: 1.3;
    margin-bottom: 0;
  }
  .bcshp-doll-hub__intro-copy {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-width: none;
    font-size: .9rem;
    line-height: 1.68;
  }
  .bcshp-doll-hub__intro-copy.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
  }
  .bcshp-doll-hub__intro-toggle { display: inline-flex; }
  .bcshp-doll-hub__video-grid { grid-template-columns: 1fr; gap: 10px; }
  .bcshp-doll-hub__video-media { aspect-ratio: 16 / 10; }
  .bcshp-doll-hub__gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}

@media (min-width: 390px) and (max-width: 559px) {
  .bcshp-doll-hub__bestseller-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .bcshp-doll-hub__bestseller-body { padding: 10px; }
  .bcshp-doll-hub__bestseller-body strong {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 3.65em;
    font-size: .88rem;
    line-height: 1.35;
  }
  .bcshp-doll-hub__bestseller-price { font-size: .92rem; }
  .bcshp-doll-hub__bestseller-cta { font-size: .78rem; }
}