/* БаЦе: elegant neon accents, with brighter glow on interaction. */
:root{--bace-n-pink:#ff4ad8;--bace-n-blue:#23d9ff;--bace-n-gold:#eeb45c;--bace-n-purple:#9864ff}
/* Shared navigation outline: static glow, no flashing */
.nav-wrap,.vip-header,.agency-header,header.header{box-shadow:0 2px 0 #b66bdf4b,0 4px 20px #7936ff21!important}
/* Main homepage: sections below the agency, and individual product/service cards */
.storefront-shop,.storefront-services,.shop-hero-card,.shop-teaser,.music-hero-inner,.music-note,.music-section-head,
.shop-product,.track-card,.service-card,.price-card,.portfolio-card,.category-block,.faq,.contact-card,
.shop-cart,.checkout-card,.quiz-card,.quiz-panel,.arena-card,.football-card,.account-card,
.host-detail-layout,.front-card,.vip-tile,.vip-grid .card,.agency-quick-nav{
  border:1px solid rgba(151,112,238,.62)!important;
  box-shadow:0 0 0 1px rgba(32,214,255,.10),0 0 15px rgba(100,76,242,.15),inset 0 0 14px rgba(47,38,100,.09);
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
/* Make the lower homepage glow visible but calmer than the top hero */
.storefront-shop{border-color:rgba(247,166,72,.78)!important;box-shadow:0 0 16px rgba(237,160,51,.19),0 0 2px rgba(255,98,194,.42)!important}
.storefront-services{border-color:rgba(40,204,255,.7)!important;box-shadow:0 0 16px rgba(30,178,255,.18),0 0 2px rgba(161,75,255,.4)!important}
.storefront-product,.storefront-service-list a,.storefront-collections a,.shop-add,.track-card .custom-play,.nav-cta{
 border:1px solid rgba(132,103,238,.65)!important;
 box-shadow:0 0 8px rgba(109,72,252,.16);
 transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.storefront-product:nth-child(3n+1){border-color:rgba(250,168,62,.68)!important;box-shadow:0 0 10px rgba(246,155,41,.15)}
.storefront-product:nth-child(3n+2){border-color:rgba(255,80,213,.65)!important;box-shadow:0 0 10px rgba(255,64,201,.14)}
.storefront-product:nth-child(3n){border-color:rgba(37,216,255,.68)!important;box-shadow:0 0 10px rgba(27,193,255,.16)}
@media(hover:hover){
.storefront-product:hover,.storefront-service-list a:hover,.storefront-collections a:hover,.shop-product:hover,.track-card:hover,.service-card:hover,.price-card:hover,.portfolio-card:hover,.front-card:hover,.host-detail-layout:hover,.vip-tile:hover{
 border-color:var(--bace-n-blue)!important;box-shadow:0 0 9px rgba(30,215,255,.58),0 0 24px rgba(200,50,255,.27)!important;transform:translateY(-2px)}
.storefront-shop:hover,.storefront-services:hover{box-shadow:0 0 12px rgba(255,82,214,.35),0 0 24px rgba(29,210,255,.18)!important}
}
/* Focus styles support keyboard navigation. */
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #39e4ff!important;outline-offset:3px;box-shadow:0 0 13px #32ddff99!important}
/* Do not make the live badges spill out of the existing small rows. */
.bace-hosts-right .bace-mini-row{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.bace-hosts-right .bace-mini-name{min-width:0;flex:1 1 auto;overflow-wrap:anywhere;line-height:1.2}
.bace-hosts-right .live-indicator{min-width:0;max-width:48%;flex:0 1 auto;white-space:normal;overflow-wrap:anywhere;text-align:right;line-height:1.15}
@media(max-width:700px){.storefront-shop,.storefront-services{box-shadow:0 0 10px rgba(126,82,242,.18)!important}.storefront-product,.storefront-service-list a{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.storefront-product,.storefront-service-list a,.storefront-collections a,.shop-add,.track-card,.shop-product,.service-card,.price-card,.portfolio-card,.front-card,.vip-tile{transition:none!important;transform:none!important}}
