/* BaoCaoSuHP Unified HUB v10.25.51.2.24 | Legacy choices restored and equal-width cover / editorial footer.
   One scoped stylesheet for 7 HUBs. Typography comes from YOOtheme; no fonts or images loaded. */
.bcshp-hub-unified{
  --hub-red:#c91933;--hub-red-deep:#a91f30;--hub-red-bright:#dd243e;
  --hub-gold:#ffd700;--hub-cyan:#00d2d3;--hub-white:#fff;
  --hub-text:#f5f7f8;--hub-muted:#cbd5d9;--hub-dark:#11171a;
  --hub-panel:#151c20;--hub-border:rgba(255,255,255,.16);
  box-sizing:border-box;max-width:100%;min-width:0;margin:0 0 1.25rem;
  font-family:inherit;font-size:1rem;line-height:1.8;letter-spacing:normal;color:var(--hub-text);
}
.bcshp-hub-unified :where(*,*::before,*::after){box-sizing:border-box}
.bcshp-hub-unified :where(button,input,select,textarea,a){font-family:inherit}
.bcshp-hub-unified :where(a,button,input,select):focus-visible{
  outline:3px solid var(--hub-cyan);outline-offset:3px;
}
/* Brand introduction: same restrained red gradient, gold and typography as the homepage hero. */
.bcshp-hub-unified__lead{
  position:relative;min-width:0;margin:0 0 1rem;
  padding:clamp(14px,2.2vw,24px);border:1px solid rgba(255,255,255,.19);
  border-radius:16px;background:linear-gradient(132deg,var(--hub-red-deep) 0%,var(--hub-red) 48%,var(--hub-red-bright) 100%);
  color:var(--hub-white);box-shadow:0 8px 23px rgba(30,0,12,.15);
}
.bcshp-hub-unified__eyebrow{
  width:max-content;max-width:100%;margin:0 0 .58rem;padding:.25rem .7rem;
  border:1px solid rgba(255,215,0,.5);border-radius:999px;
  background:rgba(55,0,12,.19);color:#fff0b1;
  font-size:.72rem;font-weight:700;line-height:1.55;letter-spacing:.018em;
}
.bcshp-hub-unified__intro{
  margin:0 0 .92rem;color:var(--hub-white);font-size:clamp(.945rem,1.5vw,1.01rem);
  font-weight:400;line-height:1.85;overflow-wrap:break-word;
}
.bcshp-hub-unified__proof{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.52rem;
  padding:0;margin:0;list-style:none;
}
.bcshp-hub-unified__proof li{
  min-width:0;margin:0;padding:.48rem .65rem;border-radius:9px;
  border:1px solid rgba(255,255,255,.20);background:rgba(54,0,16,.21);
  font-size:.83rem;font-weight:600;line-height:1.52;color:#fff;
}
.bcshp-hub-unified__proof li::before{content:'✓';color:var(--hub-gold);margin-right:.35rem;font-weight:800}
/* Group discovery remains simple, but inherits the homepage accent stripe. */
.bcshp-hub-unified__quick-wrap{margin:.1rem 0 .96rem}
.bcshp-hub-unified__quick-title{
  margin:0 0 .55rem;padding-left:.7rem;border-left:4px solid var(--hub-red-bright);
  color:var(--hub-white);font-weight:700;font-size:.94rem;line-height:1.5;
}
.bcshp-hub-unified__quick{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0}
.bcshp-hub-unified__quick a,.bcshp-hub-unified__quick a:visited{
  display:inline-flex;align-items:center;justify-content:center;min-height:39px;max-width:100%;
  padding:.42rem .87rem;border:1px solid rgba(255,215,0,.32);border-radius:999px;
  background:linear-gradient(180deg,#211a20,#171c20);color:var(--hub-text);
  font-size:.855rem;font-weight:600;line-height:1.4;text-decoration:none;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease;
}
.bcshp-hub-unified__quick a:hover,.bcshp-hub-unified__quick a:focus-visible{
  border-color:var(--hub-gold);background:#352329;color:var(--hub-gold);
}
/* Restored taxonomy/attribute links: small, readable on mobile, all visible without JS. */
.bcshp-hub-unified__quick a[hidden]{display:none!important}
.bcshp-hub-unified__quick-more{
 display:inline-flex;align-items:center;justify-content:center;min-height:42px;
 margin:.68rem 0 0;padding:.46rem .95rem;background:transparent;
 border:1px solid rgba(0,210,211,.64);border-radius:9px;
 color:var(--hub-cyan);font:inherit;font-size:.83rem;font-weight:700;cursor:pointer;
}
.bcshp-hub-unified__quick-more[hidden]{display:none!important}
.bcshp-hub-unified__quick-more:hover{border-color:var(--hub-gold);color:var(--hub-gold)}
/* One shared filter form. Red accent, gold CTA; inputs retain high contrast. */
.bcshp-hub-unified__filter{
  display:flex;align-items:flex-end;flex-wrap:wrap;gap:.65rem;
  margin:0 0 1.25rem;padding:clamp(.7rem,1.8vw,1rem);
  border:1px solid rgba(221,36,62,.48);border-radius:13px;
  background:linear-gradient(120deg,rgba(169,31,48,.19),rgba(17,23,26,.98) 64%);
  box-shadow:0 3px 12px rgba(0,0,0,.08);
}
.bcshp-hub-unified__field{min-width:0;flex:1 1 135px}
.bcshp-hub-unified__field label{display:block;margin:0 0 .3rem;color:#fff;font-size:.79rem;font-weight:700;line-height:1.4}
.bcshp-hub-unified__field select,.bcshp-hub-unified__field input{
  display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;
  padding:.45rem .68rem;border:1px solid rgba(255,255,255,.31);border-radius:8px;
  background:#252a2f;color:#fff;font:inherit;font-size:.9rem;line-height:1.35;
  color-scheme:dark;
}
.bcshp-hub-unified__field input::placeholder{color:#d1d8dc;opacity:1}
.bcshp-hub-unified__field select:focus,.bcshp-hub-unified__field input:focus{border-color:var(--hub-cyan)}
.bcshp-hub-unified__submit{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:.55rem 1.22rem;border:1px solid var(--hub-gold);border-radius:9px;
  background:var(--hub-gold);color:#27211a!important;font:inherit;font-size:.91rem;
  font-weight:800;line-height:1.4;cursor:pointer;
  transition:background-color .18s ease,transform .18s ease;
}
.bcshp-hub-unified__submit:hover{background:#ffe65b}
.bcshp-hub-unified__reset,.bcshp-hub-unified__reset:visited{
  display:inline-flex;align-items:center;min-height:44px;padding:.45rem .5rem;
  color:var(--hub-cyan);font-size:.85rem;font-weight:700;text-underline-offset:3px;
}
.bcshp-hub-unified__mobile-filter-toggle{display:none}
/* SEO starts AFTER products/pagination: visual break, dark reading surface, gold/cyan hierarchy. */
.bcshp-hub-unified__footer{
  clear:both;display:grid;grid-template-columns:minmax(0,1fr);
  width:min(1100px,calc(100% - 40px));max-width:100%;
  margin:clamp(4.4rem,7vw,5.8rem) auto 3.25rem;
  padding-top:clamp(1.6rem,3vw,2.4rem);border-top:2px solid rgba(221,36,62,.65);
  line-height:1.85;overflow-wrap:anywhere;scroll-margin-top:84px;
}
/* Both footer blocks share ONE content track. Never give the SEO card a narrower max-width. */
.bcshp-hub-unified__cover{
  display:block;width:100%;max-width:100%;min-width:0;
  margin:0 0 clamp(1.25rem,2.5vw,1.7rem);padding:0;text-align:center;
}
.bcshp-hub-unified__cover img{
  display:block;width:100%;max-width:100%;height:auto;margin:0;
  border:1px solid rgba(255,215,0,.23);border-radius:14px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.bcshp-hub-unified__seo{
  width:100%;max-width:100%;min-width:0;margin:0;
  padding:clamp(17px,3.5vw,30px);
  border:1px solid rgba(255,255,255,.09);border-radius:15px;
  background:linear-gradient(180deg,#171d21,#101619 55%);
  color:var(--hub-text);font-family:inherit;font-size:1rem;line-height:1.9;
}
.bcshp-hub-unified__seo-content{position:relative;min-width:0;overflow:visible;scroll-margin-top:90px}
.bcshp-hub-unified__seo-content.is-animated{transition:height .52s cubic-bezier(.22,1,.36,1)}
.bcshp-hub-unified__seo-content.is-collapsed{
  overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
}
.bcshp-hub-unified__seo h2{
  margin:1.5em 0 .58em;padding-left:.78rem;border-left:4px solid var(--hub-red-bright);
  color:var(--hub-gold);font-size:clamp(1.17rem,2.4vw,1.58rem);font-weight:700;
  line-height:1.42;letter-spacing:normal;
}
.bcshp-hub-unified__seo h3{
  margin:1.25em 0 .45em;color:var(--hub-cyan);font-size:clamp(1.035rem,2vw,1.13rem);
  font-weight:700;line-height:1.5;letter-spacing:normal;
}
.bcshp-hub-unified__seo :where(p,ul,ol){font-family:inherit;font-size:1em;line-height:inherit}
.bcshp-hub-unified__seo p{margin:0 0 .95em}
.bcshp-hub-unified__seo ul,.bcshp-hub-unified__seo ol{margin:.4rem 0 1.1rem;padding-left:1.45rem}
.bcshp-hub-unified__seo :where(li)::marker{color:var(--hub-gold)}
.bcshp-hub-unified__seo :where(a,a:visited){color:var(--hub-cyan);text-decoration:underline;text-underline-offset:3px}
.bcshp-hub-unified__seo a:hover{color:var(--hub-gold)}
.bcshp-hub-unified__readmore{
  display:flex;align-items:center;justify-content:center;gap:.55rem;
  width:max-content;max-width:100%;min-width:170px;min-height:46px;
  margin:1.2rem auto 1.6rem;padding:.62rem 1.35rem;border:1px solid var(--hub-gold);
  border-radius:999px;background:var(--hub-gold);color:#27211a;
  font:inherit;font-size:.93rem;font-weight:800;line-height:1.45;cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.bcshp-hub-unified__readmore[hidden]{display:none!important}
.bcshp-hub-unified__readmore:hover{background:#ffe65b}
.bcshp-hub-unified__readmore svg{flex:none;transition:transform .25s ease}
.bcshp-hub-unified__readmore[aria-expanded="true"]{border-color:var(--hub-cyan);background:transparent;color:var(--hub-cyan)}
.bcshp-hub-unified__readmore[aria-expanded="true"] svg{transform:rotate(180deg)}
.bcshp-hub-unified__related{margin-top:1.35rem;padding-top:1rem;border-top:1px solid rgba(221,36,62,.35)}
.bcshp-hub-unified__related h2{color:var(--hub-gold);font-size:1.12rem;line-height:1.4}
.bcshp-hub-unified__related ul{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;margin:0;padding:0;list-style:none}
.bcshp-hub-unified__related li{margin:0}
.bcshp-hub-unified__related a{font-weight:600}
.bcshp-hub-unified__seo-cta{margin:1.35rem 0 0;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.13)}
.bcshp-hub-unified__seo-cta a,.bcshp-hub-unified__seo-cta a:visited{
  display:inline-flex;align-items:center;min-height:45px;padding:.64rem 1.1rem;
  border-radius:9px;background:var(--hub-red);color:#fff;font-weight:700;text-decoration:none;
}
.bcshp-hub-unified__seo-cta a:hover{background:var(--hub-red-bright);color:#fff}
/* Product cards: color pass only. Keep the existing WooCommerce/YOOtheme grid geometry and real pricing. */
body.bcshp-unified-hub-page #tm-main ul.products>li.product{
  border:1px solid rgba(255,255,255,.13);border-radius:13px;
  background:linear-gradient(180deg,#192024,#11171a);padding:9px;
  box-shadow:0 4px 13px rgba(0,0,0,.10);
}
body.bcshp-unified-hub-page #tm-main ul.products>li.product :is(.woocommerce-loop-product__title,h2.woocommerce-loop-product__title){
  color:#fff;font-family:inherit;font-weight:700;line-height:1.48;
}
body.bcshp-unified-hub-page #tm-main ul.products>li.product :is(.price,.price ins,.woocommerce-Price-amount){
  color:#ffd700;font-weight:800;
}
body.bcshp-unified-hub-page #tm-main ul.products>li.product .price{
  display:block;font-size:clamp(1.02rem,1.65vw,1.28rem);line-height:1.38;
}
body.bcshp-unified-hub-page #tm-main ul.products>li.product .price del,
body.bcshp-unified-hub-page #tm-main ul.products>li.product .price del .woocommerce-Price-amount{
  color:#b4bfc4;font-size:.83em;font-weight:500;
}
body.bcshp-unified-hub-page #tm-main ul.products>li.product :is(a.button,button.button,.added_to_cart){
  border-color:var(--hub-red,#c91933);border-radius:9px;
  background:#c91933;color:#fff;font-family:inherit;font-weight:700;
}
body.bcshp-unified-hub-page #tm-main ul.products>li.product :is(a.button,button.button,.added_to_cart):hover{background:#df283f;color:#fff}
/* YOOtheme product-card equivalent; avoid arbitrary UIkit grids with no products. */
@supports selector(:has(*)){
  body.bcshp-unified-hub-page #tm-main .uk-grid:has(>*>.el-item .woocommerce-Price-amount):has(>*>.el-item .uk-button)>* .el-item{
    border:1px solid rgba(255,255,255,.13);border-radius:13px;
    background:linear-gradient(180deg,#192024,#11171a);padding:9px;
  }
  body.bcshp-unified-hub-page #tm-main .uk-grid:has(>*>.el-item .woocommerce-Price-amount):has(>*>.el-item .uk-button)>* :is(.el-title,h3.el-title){color:#fff;font-family:inherit}
  body.bcshp-unified-hub-page #tm-main .uk-grid:has(>*>.el-item .woocommerce-Price-amount):has(>*>.el-item .uk-button)>* .woocommerce-Price-amount{color:#ffd700;font-weight:800}
  body.bcshp-unified-hub-page #tm-main .uk-grid:has(>*>.el-item .woocommerce-Price-amount):has(>*>.el-item .uk-button)>* .uk-button{
    border:1px solid #c91933;border-radius:9px;background:#c91933;color:#fff;font-family:inherit;font-weight:700;
  }
}
/* Style controls on these 7 archive routes only, including native and YOOtheme pagination. */
body.bcshp-unified-hub-page #tm-main :is(.woocommerce-pagination,.uk-pagination){margin-block:1.5rem .4rem}
body.bcshp-unified-hub-page #tm-main :is(.woocommerce-pagination,.uk-pagination) :is(a,span.current,.uk-active a,.uk-active span){
  border-radius:8px;font-weight:700;
}
body.bcshp-unified-hub-page #tm-main .woocommerce-pagination .current,
body.bcshp-unified-hub-page #tm-main .uk-pagination .uk-active :is(a,span){background:#c91933;color:#fff}
body.bcshp-unified-hub-page #tm-main :is(.woocommerce-pagination,.uk-pagination) a:hover{color:#ffd700}
/* Shop/category H1 keeps the YOOtheme heading font, with the same gold brand highlight. */
body.bcshp-unified-hub-page #tm-main :is(h1.woocommerce-products-header__title,h1.uk-article-title,h1.el-title){color:#ffd700}
@media(hover:hover) and (pointer:fine){
  .bcshp-hub-unified__quick a:hover{transform:translateY(-1px)}
  .bcshp-hub-unified__submit:hover{transform:translateY(-1px)}
}
@media(max-width:767px){
  .bcshp-hub-unified{margin-bottom:1rem;font-size:.98rem}
  .bcshp-hub-unified__lead{padding:13px 12px;border-radius:12px;margin-bottom:.85rem;box-shadow:none}
  .bcshp-hub-unified__eyebrow{font-size:.69rem;margin-bottom:.45rem}
  .bcshp-hub-unified__intro{font-size:.94rem;line-height:1.8;margin-bottom:.75rem}
  .bcshp-hub-unified__proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .bcshp-hub-unified__proof li{font-size:.73rem;padding:.43rem .48rem;line-height:1.44}
  .bcshp-hub-unified__quick-wrap{margin-bottom:.78rem}
  .bcshp-hub-unified__quick{gap:.4rem}
  .bcshp-hub-unified__quick a{min-height:38px;padding:.38rem .65rem;font-size:.79rem}
  .bcshp-hub-unified__mobile-filter-toggle{
    display:flex;align-items:center;justify-content:space-between;min-height:45px;width:100%;
    margin:0 0 .7rem;padding:.6rem .9rem;border:1px solid rgba(255,215,0,.4);border-radius:10px;
    background:linear-gradient(105deg,#ab2031,#c91933);color:#fff;
    font:inherit;font-size:.9rem;font-weight:700;line-height:1.4;text-align:left;cursor:pointer;
  }
  .bcshp-hub-unified__mobile-filter-toggle[aria-expanded="true"]{border-color:#ffd700}
  .bcshp-hub-unified.is-ready .bcshp-hub-unified__filter{display:none}
  .bcshp-hub-unified.is-ready .bcshp-hub-unified__filter.is-open{display:flex}
  .bcshp-hub-unified__filter{margin-bottom:.85rem;padding:.7rem;gap:.55rem}
  .bcshp-hub-unified__field{flex:1 1 calc(50% - .55rem)}
  .bcshp-hub-unified__submit{flex:1 1 100%}
  .bcshp-hub-unified__footer{width:calc(100% - 28px);margin:2.9rem auto 2.25rem;padding-top:1.45rem;border-top-width:2px}
  .bcshp-hub-unified__seo{padding:17px 16px;border-radius:11px;font-size:.95rem;line-height:1.88}
  .bcshp-hub-unified__seo h2{font-size:1.17rem;line-height:1.46}
  .bcshp-hub-unified__seo h3{font-size:1.06rem}
  .bcshp-hub-unified__readmore{min-height:46px;margin:1.1rem auto 1.3rem}
  body.bcshp-unified-hub-page #tm-main ul.products>li.product{padding:7px;border-radius:10px}
}
@media(max-width:360px){
  .bcshp-hub-unified__field{flex-basis:100%}
  .bcshp-hub-unified__proof li{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){
  .bcshp-hub-unified *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* v22: archived SEO always follows Pagination in source, with relaxed mobile rhythm. */
body.bcshp-unified-hub-page .bcshp-hub-unified__footer{isolation:isolate}
body.bcshp-unified-hub-page .bcshp-hub-unified__footer :is(h2,h3){text-wrap:pretty}
body.bcshp-unified-hub-page .bcshp-hub-unified__seo-content p{margin-bottom:1.06em}
body.bcshp-unified-hub-page .bcshp-hub-unified__readmore:focus-visible{outline:3px solid #00d2d3;outline-offset:3px}
@media (max-width:767px){body.bcshp-unified-hub-page .bcshp-hub-unified__seo-content p{margin-bottom:1.12em}body.bcshp-unified-hub-page .bcshp-hub-unified__seo h2{margin-top:1.6em}body.bcshp-unified-hub-page .bcshp-hub-unified__cover{margin-bottom:1.5rem}}
