/* Full viewport background; existing inner content widths are preserved. */
html { background:#06090c; }
body.st3-shell-v3 { max-width:none; width:100%; margin:0; }
body.st3-shell-v3 .overall-wrapper { overflow-x:clip; }
body.st3-shell-v3 .info-prouzek {
  position:relative; inset:auto; order:-2; width:100%; min-height:44px;
  overflow:hidden; isolation:isolate; margin:0; padding:8px 20px;
  background:linear-gradient(105deg,#071014,#0b2426,#071014); background-size:200% 100%;
  animation:st3-strip-color 12s ease-in-out infinite alternate;
}
body.st3-shell-v3 .info-prouzek::before {
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background:linear-gradient(110deg,transparent 25%,rgba(0,242,234,.13) 49%,transparent 70%);
  transform:translateX(-100%); animation:st3-strip-light 9s ease-in-out infinite;
}
body.st3-shell-v3 .info-prouzek .st3-info-copy { font-size:11px; line-height:1.5; }
body.st3-shell-v3 .info-prouzek .special_btn { white-space:nowrap; font-size:10px; }
body.st3-shell-v3 .info-prouzek:hover,body.st3-shell-v3 .info-prouzek:focus-within,
body.st3-shell-v3 .info-prouzek:hover::before,body.st3-shell-v3 .info-prouzek:focus-within::before { animation-play-state:paused; }
@keyframes st3-strip-color { to { background-position:100% 50%; } }
@keyframes st3-strip-light { 0%,15% {transform:translateX(-100%)} 75%,100% {transform:translateX(100%)} }
/* Native controls keep their handlers, labels and live cart count. */
body.st3-shell-v3 #header .navigation-buttons { gap:8px; }
body.st3-shell-v3 #header .navigation-buttons > a,
body.st3-shell-v3 #header .navigation-buttons > button {
  position:relative; flex-shrink:0; width:44px; height:44px; min-width:44px; min-height:44px;
  margin:0; padding:0; border:1px solid #303a40; border-radius:50%;
  background:#0b1116; box-shadow:none; display:inline-flex; align-items:center; justify-content:center;
}
body.st3-shell-v3 #header .navigation-buttons > a::before,
body.st3-shell-v3 #header .navigation-buttons > button::before {
  content:""!important; display:block; position:static; width:22px; height:22px;
  margin:0; padding:0; transform:none; background:var(--st3-control-icon) center/contain no-repeat!important;
  mask:none; -webkit-mask:none;
}
body.st3-shell-v3 #header [data-target="search"] { --st3-control-icon:url('./st3-icon-search-v1.svg'); }
body.st3-shell-v3 #header :is(.top-nav-button-login,.top-nav-button-account) { --st3-control-icon:url('./st3-icon-account-v1.svg'); }
body.st3-shell-v3 #header [data-target="cart"] { --st3-control-icon:url('./st3-icon-cart-v1.svg'); }
body.st3-shell-v3 #header [data-target="navigation"] { --st3-control-icon:url('./st3-icon-menu-v1.svg'); }
body.st3-shell-v3 #header .navigation-buttons > a:hover,
body.st3-shell-v3 #header .navigation-buttons > button:hover { border-color:#00f2ea; background:#102025; }
body.st3-shell-v3 #header .navigation-buttons > :focus-visible { outline:2px solid #00f2ea; outline-offset:4px; }
body.st3-shell-v3 #header .navigation-buttons [data-target="navigation"]::after { content:none!important; }
body.st3-shell-v3 #header .navigation-buttons .cart-count i { position:absolute; top:-4px; right:-3px; }
@media(min-width:992px) { body.st3-shell-v3 #header .navigation-buttons > [data-target="navigation"] { display:none; } }
@media(max-width:991.9px) {
  body.st3-shell-v3 .overall-wrapper { padding-top:0!important; }
  body.st3-shell-v3 .info-prouzek { order:-2!important; min-height:54px; padding:8px 16px; gap:12px; flex-wrap:nowrap; }
  body.st3-shell-v3 .info-prouzek .st3-info-copy { max-width:none; font-size:10px; letter-spacing:0; text-align:left; }
  body.st3-shell-v3 .info-prouzek .special_btn { flex:none; min-height:32px; padding:7px 10px; font-size:9px; letter-spacing:0; }
  body.st3-shell-v3 #header.st3-header-v3 { position:sticky!important; top:0!important; order:-1; margin:0; min-height:74px; background:#060b0f!important; }
  body.st3-shell-v3 #header .container.navigation-wrapper { min-height:74px; padding:10px 16px; gap:12px; }
  body.st3-shell-v3 #header .site-name { min-width:0; flex:1; margin:0; }
  body.st3-shell-v3 #header .site-name img { width:clamp(135px,24vw,205px); max-width:100%; max-height:42px; }
  body.st3-shell-v3 #header .navigation-buttons { position:static!important; flex:none; gap:6px; }
  body.st3-shell-v3 #header .navigation-buttons > a,body.st3-shell-v3 #header .navigation-buttons > button { width:40px; height:44px; min-width:40px; border-radius:12px; }
  body.st3-shell-v3 #header .navigation-buttons > .top-nav-button-login { display:none; }
  body.st3-shell-v3 #header #navigation { position:absolute!important; top:100%!important; max-height:calc(100dvh - 128px); }
}
@media(prefers-reduced-motion:reduce) {
  body.st3-shell-v3 .info-prouzek,body.st3-shell-v3 .info-prouzek::before { animation:none; }
}

@media(max-width:991.9px) {body.st3-shell-v3 #header #navigation .navigation-close { position:absolute!important; top:12px!important; right:16px!important; }}

/* Keep the copy at its natural width; wrap only once the actual space is exhausted. */
body.st3-shell-v3 .info-prouzek{display:flex!important;align-items:center;justify-content:center;gap:18px;flex-wrap:nowrap}
body.st3-shell-v3 .info-prouzek .st3-info-copy{flex:0 1 auto;width:max-content;max-width:none!important;min-width:0;letter-spacing:0;line-height:1.45}
body.st3-shell-v3 .info-prouzek .special_btn{flex:0 0 auto}
@media(min-width:600px){body.st3-shell-v3 .info-prouzek .st3-info-copy{white-space:nowrap}}
@media(max-width:599px){body.st3-shell-v3 .info-prouzek{gap:10px;padding-inline:12px}body.st3-shell-v3 .info-prouzek .st3-info-copy{white-space:normal;text-wrap:pretty}}