/* Genuine platform artwork is separate from the unchanged PHAS2 service mark.
   Yellow matches the observed official Whatnot --color-brand-yellow token. */
.whatnot-presence,.whatnot-context,.shoplive-platform-mini{background:#ffe414;color:#242321}
.whatnot-presence img,.whatnot-context img,.shoplive-platform-mini img{display:block;height:auto;max-width:100%;object-fit:contain;flex:none}
.whatnot-presence{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:22px;min-height:62px;padding:16px 20px;box-sizing:border-box}
.whatnot-presence>span{font-size:13px;font-weight:600;line-height:1.2}
.whatnot-presence img{width:150px}
.whatnot-presence~.masthead{top:62px}
.hero-identity{min-width:0}
.masthead .logo-window,.device-brand .logo-window,.device-brand{background:transparent}
.whatnot-context{display:inline-flex;align-items:center;gap:18px;padding:16px;margin:0 0 28px;max-width:100%;box-sizing:border-box;text-shadow:none}
.whatnot-context>span{font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap}
.whatnot-context img{width:142px}
.whatnot-context-hero{display:grid;width:max-content;justify-items:start;gap:26px;padding:26px;margin:28px 0 0}
.whatnot-context-hero>span{font-size:15px}
.whatnot-context-hero img{width:260px}
.whatnot-context-footer{margin:0;flex:none}
.footer-top:has(.whatnot-context){flex-wrap:wrap}
.shoplive-platform-mini{display:inline-flex;align-items:center;gap:12px;padding:12px;box-sizing:border-box;line-height:1.2;white-space:nowrap}
.shoplive-platform-mini>span{font-size:11px;font-weight:500}
.shoplive-platform-mini img{width:108px}
.p2-subnav .shoplive-home-link{gap:12px}
.services #shoplive>summary{grid-template-columns:32px minmax(0,1fr) 20px}
.shoplive-service-identity{min-width:0}
.shoplive-service-identity .whatnot-context{display:grid;justify-items:start;gap:14px;margin:18px 0 0;padding:16px}
.shoplive-service-link{display:inline-flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:44px}
.shoplive-service-link .shoplive-platform-mini{margin-block:8px}
@media(max-width:760px){
 .whatnot-presence{min-height:56px;padding:14px 16px;gap:18px}
 .whatnot-presence img{width:140px}
 .whatnot-presence~.masthead{top:56px}
 .whatnot-context{gap:12px;padding:14px}
 .whatnot-context img{width:120px}
 .whatnot-context>span{font-size:11px}
 .whatnot-context-hero{gap:14px;padding:14px;margin-top:18px}
 .whatnot-context-hero>span{font-size:11px}
 .whatnot-context-hero img{width:130px}
 .hero-identity .hero-brand{margin-top:56px}
 .shoplive-service-identity .whatnot-context img{width:116px}
 .shoplive-service-identity .whatnot-context{padding:14px}
 .p2-subnav .shoplive-home-link{flex-direction:column;justify-content:center;gap:0;padding-block:8px}
 .p2-subnav a{font-size:11px;padding-inline:6px}
 .p2-subnav .shoplive-platform-mini{padding:8px;gap:8px}
 .p2-subnav .shoplive-platform-mini img{width:76px}
}
@media(max-width:360px){
 .whatnot-presence{gap:14px}
 .whatnot-presence>span{font-size:12px}
 .whatnot-context-hero img{width:106px}
 .whatnot-context-hero{padding:12px;gap:12px}
 .whatnot-context-footer{display:grid;gap:12px}
 .services #shoplive>summary{padding-inline:12px;gap:8px;grid-template-columns:28px minmax(0,1fr) 18px}
 .shoplive-service-identity .whatnot-context{padding:12px}
 .shoplive-service-identity .whatnot-context img{width:106px}
}
@media print{.whatnot-presence{position:static}}