/* Navigation uses the same typography, active underline and colors on all pages. */
#mainNav a[href="/preventas"]{display:inline-flex;align-items:center;gap:7px}
.preorder-icon{flex:none;vertical-align:middle}
.header .actions .preorder-cart-button{font-family:inherit;font-weight:700}
.preorder-cart-button #cart-count{min-width:18px;padding:2px 5px;border-radius:12px;background:#ed8a22;color:#111;font-size:11px;font-weight:800}
@media(max-width:900px){
 .header-inner{grid-template-columns:1fr auto;gap:10px;padding-top:12px;padding-bottom:12px}
 .header-inner>.brand{min-width:0}
 .header-inner>.actions{grid-column:1 / -1;justify-content:center;flex-wrap:wrap;gap:8px}
 .header-inner>#mainNav{top:100%}
 #mainNav a[href="/preventas"]{display:flex}
}
@media(max-width:380px){.preorder-cart-label{display:none}}

/* Header actions share one height, including the dynamically mounted bell. */
.header-inner>.actions{align-items:center}
.header-inner>.actions .account-login-btn,
.header-inner>.actions .public-cart-button,
.header-inner>.actions .so-bell{box-sizing:border-box;height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1.2}
.header-inner>.actions .so-notify{flex:none;margin:0}
.header-inner>.actions .so-notify[hidden]{display:none!important}
@media(max-width:900px){
 .header-inner>.actions .account-login-btn{font-size:12px;padding:7px 10px}
 .header-inner>.actions .public-cart-button,.header-inner>.actions .so-bell{padding:7px 9px}
}

/* Desktop only: brand/actions above a full-width navigation row. */
@media(min-width:901px){
 .header .header-inner{grid-template-columns:minmax(180px,1fr) auto;column-gap:24px;row-gap:0;min-height:0;padding-top:12px;padding-bottom:0}
 .header-inner>.brand{grid-column:1;grid-row:1;justify-self:start}
 .header-inner>.actions{grid-column:2;grid-row:1;justify-self:end;gap:12px;flex-wrap:nowrap}
 .header-inner>#mainNav{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(20px,2.4vw,38px);border-top:1px solid #ffffff14;margin-top:12px;padding:0;width:100%;min-width:0}
 .header-inner>#mainNav>a{padding-top:14px;padding-bottom:14px}
 .header-inner>.actions>a[href="/fck/life-counter-public"]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;padding:0 16px;border-radius:9px;background:#ffb000;color:#111;font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 3px 12px #ffb00026}
 .header-inner>.actions>a[href="/fck/life-counter-public"]:hover{background:#ffc12b;box-shadow:0 4px 18px #ffb00055}
 .header-inner>.actions>a[href="/fck/life-counter-public"]:focus-visible{outline:2px solid #fff;outline-offset:3px}
}

.preorder-cart-button [data-preorder-count]{min-width:18px;padding:2px 5px;border-radius:12px;background:#ed8a22;color:#111;font-size:11px;font-weight:800}
.topbar .fck-ticker{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px}
.topbar .fck-ticker [data-ticker-message]{display:block;min-width:0;text-align:center;line-height:1.4;font-size:13px}
.fck-ticker [data-ticker-pause]{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ffffff25;border-radius:6px;color:#ffb44d;background:transparent;cursor:pointer}
.fck-ticker [data-ticker-pause]:focus-visible{outline:2px solid #ffb44d;outline-offset:2px}
@media(max-width:480px){.topbar .fck-ticker [data-ticker-message]{font-size:12px}.topbar .fck-ticker{min-height:42px}}

/* Continuous horizontal strip; duplicated group makes the loop seamless. */
.topbar .fck-ticker{overflow:hidden}
.fck-ticker-viewport{flex:1;min-width:0;overflow:hidden}
.fck-ticker-track{display:flex;width:max-content;animation:fck-ticker-scroll var(--ticker-time,65s) linear infinite}
.fck-ticker-group{display:flex;align-items:center;flex:none;gap:44px;padding-right:44px}
.topbar .fck-ticker-group span{display:block!important;flex:none;white-space:nowrap;font-size:13px;line-height:1.4}
.fck-ticker-group span::after{content:'✦';padding-left:44px;color:#ffb000;font-size:10px}
.fck-ticker.ticker-paused .fck-ticker-track,.fck-ticker.ticker-hidden .fck-ticker-track,.fck-ticker-viewport:focus .fck-ticker-track{animation-play-state:paused}
@media(hover:hover){.fck-ticker-viewport:hover .fck-ticker-track{animation-play-state:paused}}
.fck-ticker-viewport:focus-visible{outline:1px solid #ffb000;outline-offset:-1px}
@keyframes fck-ticker-scroll{to{transform:translateX(-50%)}}

/* Full-width ticker, independent of the site's centered content container. */
.topbar>.container.fck-ticker{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:8px}