/* Identidade Bacanaçaí: grafites nas bordas, leitura preservada no conteúdo. */
body:has(.commercial){background-color:#210d3f;background-image:linear-gradient(#210d3f18,#210d3f18),url('/assets/graffiti-background.svg');background-size:auto,1200px 1100px;background-position:center top;background-repeat:repeat-y;--paper:#210d3f}
body:has(.commercial) header{background:#210d3ff2;border-color:#75459955}
body:has(.commercial) .commercial{background:linear-gradient(120deg,#3a1955ed,#251039f2)!important;border-color:#80529c88!important}
body:has(.commercial) .product{background:#2c1645f5!important;border-color:#79549777!important}
body:has(.commercial) .search{background:#301747eF!important;border-color:#8c68a055!important}
body:has(.commercial) .bottom-nav{background:#2b1742f5;border-color:#80549c88}
/* Ações em roxo; lilás para os destaques sobre fundo escuro. */
body:has(.commercial){--brand-action:#7934b5;--brand-highlight:#d4a3ff}
body:has(.commercial) .cart-button,body:has(.commercial) .primary,body:has(.commercial) .product .add,body:has(.commercial) .cart-dock{background:#7934b5!important;color:#fff!important;border-color:#a269cc!important;box-shadow:0 4px 20px #65229430}
body:has(.commercial) .cart-button:hover,body:has(.commercial) .primary:hover,body:has(.commercial) .product .add:hover{background:#8a45c5!important}
body:has(.commercial) .pill span{background:#ffffff20;color:#fff}
body:has(.commercial) .chip.active{background:#602a8bdd!important;border-color:#bd82ec!important;color:#f3e6ff!important;box-shadow:0 0 22px #a04fde20}
body:has(.commercial) .green,body:has(.commercial) .app-intro h1 em,body:has(.commercial) .commercial h2 em,body:has(.commercial) .buy strong{color:#d4a3ff!important}
body:has(.commercial) .bottom-nav>a:first-child{color:#d4a3ff!important}body:has(.commercial) .bottom-nav b{background:#7934b5;color:#fff}
body:has(.commercial) .detail-title strong{color:#7934b5}
body:has(.commercial) .product-photo:focus-visible,body:has(.commercial) :is(button,a,input,select,textarea):focus-visible{outline-color:#c18cee}
.brand-copy{display:flex;flex-direction:column;gap:5px;letter-spacing:0}.wordmark{font-size:21px;font-weight:900;letter-spacing:-1px}.brand-tagline{font-size:12px;font-weight:500;line-height:1.25;letter-spacing:.1px;color:#bda5cd}.brand-tagline{max-width:240px}
@media(max-width:760px){.wordmark{font-size:16px;letter-spacing:-.6px}.brand-copy{gap:4px}.brand-tagline{font-size:9px;max-width:160px}.brand{gap:8px}body:has(.commercial) header{min-height:82px}}
@media(max-width:370px){.brand-tagline{max-width:115px;font-size:9px}.wordmark{font-size:14px}body:has(.commercial) .brand img{width:34px;height:34px}body:has(.commercial) header{padding-left:12px;padding-right:12px}}
.brand-lockup{display:flex;align-items:center;gap:16px;min-width:0}.brand-mascot{display:block;flex:0 0 66px;width:66px;height:74px;border-radius:14px;overflow:hidden;mask-image:linear-gradient(#000 82%,transparent)}
@media(max-width:760px){.brand-lockup{gap:9px}.brand-mascot{width:49px;height:62px;flex-basis:49px}body:has(.commercial) header{gap:10px;padding-left:16px;padding-right:16px}.cart-button{min-width:58px;padding:9px;gap:5px}.brand-tagline{max-width:148px}.brand-copy{min-width:0}body:has(.commercial) .brand img{width:38px;height:38px}.wordmark{font-size:15px}.brand{gap:7px}}
@media(max-width:370px){.brand-lockup{gap:5px}.brand-mascot{width:40px;height:54px;flex-basis:40px}.brand-tagline{max-width:108px;font-size:8.5px}.wordmark{font-size:14px}body:has(.commercial) header{gap:6px;padding-left:12px;padding-right:12px}.cart-button{min-width:52px;padding:8px;gap:4px}.cart-button svg{width:21px;height:21px}}
@media(max-width:760px){body:has(.commercial){background-size:auto,100% auto}}
/* Alinhamento central da vitrine, sem alterar formulários administrativos. */
body:has(.commercial) .brand-copy{text-align:center;align-items:center}
body:has(.commercial) .app-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
body:has(.commercial) .app-intro h1{margin:12px 0 24px;max-width:none}
body:has(.commercial) .search-wrap{width:100%;max-width:600px;text-align:left}
body:has(.commercial) .filters{width:100%;justify-content:center;margin:20px 0 24px}
body:has(.commercial) .commercial>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:20px}
body:has(.commercial) .commercial .eyebrow{max-width:none;text-align:center}
body:has(.commercial) .commercial h2{width:100%;text-align:center}
body:has(.commercial) .commercial .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px}
body:has(.commercial) .section-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;margin-bottom:22px}
body:has(.commercial) .product{text-align:center}
body:has(.commercial) .product .size{margin-left:0}
body:has(.commercial) .buy{justify-content:center;gap:16px}
body:has(.commercial) .notice{text-align:center}
body:has(.commercial) footer{justify-content:center;text-align:center}
@media(max-width:760px){body:has(.commercial) .app-intro h1{margin:12px 0 22px}body:has(.commercial) .commercial{padding-left:16px;grid-template-columns:1.08fr .92fr}body:has(.commercial) .commercial>div{padding-right:8px}body:has(.commercial) .commercial .primary{min-width:0;max-width:100%;padding:12px;gap:4px}body:has(.commercial) .buy{gap:12px}body:has(.commercial) .section-top{margin-bottom:20px}}