/* PushBack header, shared by the PushBack page and its how-to guide.
   Built to the same plan as the AutoRes header in /assets/autores/studio.css: same order (SpinZ CZ logo, product
   name, links, Buy, menu button), same sizes, same spacing, same breakpoints and the same phone menu.
   Only the colours belong to PushBack. If you change a size here, change it there too. */
.product-nav,.product-nav *{box-sizing:border-box}
.product-nav{position:sticky;top:0;z-index:100;height:auto;border-bottom:1px solid #ffffff12;background:#05090ae6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:none;font-family:'Poppins',Arial,sans-serif;line-height:1.4}
.product-nav .product-row{width:min(1180px,calc(100% - 64px));margin-inline:auto;height:88px;min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:26px}
.product-nav .product-brand{display:flex;align-items:center;flex:none;min-height:44px;margin:0;text-decoration:none}
.product-nav .product-brand img{display:block;width:132px;height:34px;object-fit:contain;filter:grayscale(1) brightness(1.15)}
.product-nav .product-name{display:flex;align-items:center;flex:none;height:37px;margin:0;padding-left:22px;border-left:1px solid #c5f5ea33;text-decoration:none;font-size:16px;line-height:1}
.product-nav .product-name .pushback-wordmark{display:block;font-family:'Bebas Neue',Impact,sans-serif;font-size:30px;font-weight:400;line-height:1;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg,#fff 12%,#bcece4 56%,#4ba99b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:none;vertical-align:baseline;padding-top:3px}
.product-nav .product-links{order:1;display:flex;align-items:center;gap:5px;margin-left:auto;padding:0;border:0;border-radius:0;background:none}
.product-nav .product-links a{display:block;min-height:0;line-height:1.75;padding:10px 13px;border-radius:30px;color:#c5d4d1;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}
.product-nav .product-links a:hover,.product-nav .product-links a[aria-current]{background:#c4f9e914;color:#8aecdc}
.product-nav .product-buy{order:2;display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:10px 17px;border:1px solid #b8f6e580;border-radius:12px;background:linear-gradient(115deg,#c3f9e9,#79e6d1 70%,#5fcbb8);color:#071b17;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;box-shadow:0 2px 1px #ffffff66 inset,0 9px 24px #63e6d124;transition:transform .3s cubic-bezier(.22,.8,.25,1),box-shadow .3s,filter .3s}
.product-nav .product-buy:hover{transform:translateY(-3px);translate:none;filter:brightness(1.06);box-shadow:0 2px 1px #ffffff66 inset,0 14px 30px #63e6d13d}
.product-nav .product-buy:active{transform:translateY(1px) scale(.98);translate:none;scale:none}
.product-nav .product-menu-toggle{order:3;display:none;flex:none;margin-left:0;min-width:44px;height:44px;padding:0;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0d;color:#f2faf8;font-size:20px;line-height:1;cursor:pointer}
@media(max-width:1100px){
.product-nav .product-row{width:calc(100% - 48px);gap:16px}
.product-nav .product-brand img{width:110px}
.product-nav .product-name{display:flex;padding-left:16px}
.product-nav .product-name .pushback-wordmark{font-size:26px}
.product-nav .product-links a{padding:10px 9px;font-size:12px}
}
@media(max-width:850px){
.product-nav .product-row{height:76px}
.product-nav .product-buy{margin-left:auto}
.product-nav .product-menu-toggle{display:block}
.product-nav .product-links{display:none;position:absolute;top:76px;left:20px;right:20px;margin:0;padding:12px;border:1px solid #ffffff1f;border-radius:20px;background:#0c1615;box-shadow:0 20px 45px #000000a6}
.product-nav .product-row.menu-open .product-links{display:flex;flex-direction:column;align-items:stretch;animation:pb-nav-in .3s}
.product-nav .product-links a{padding:12px 16px;font-size:14px}
html:not(.product-interactive) .product-nav{position:relative}
html:not(.product-interactive) .product-nav .product-menu-toggle{display:none}
html:not(.product-interactive) .product-nav .product-row{height:auto;flex-wrap:wrap;padding-block:15px}
html:not(.product-interactive) .product-nav .product-links{display:flex;position:static;order:4;width:100%;flex-wrap:wrap;box-shadow:none}
}
@media(max-width:600px){
.product-nav .product-row{width:calc(100% - 36px);gap:10px;height:72px}
.product-nav .product-brand img{width:100px}
.product-nav .product-name{height:30px;padding-left:10px}
.product-nav .product-name .pushback-wordmark{font-size:21px;padding-top:2px}
.product-nav .product-buy{font-size:12px;padding:10px;min-height:42px}
.product-nav .product-menu-toggle{min-width:40px;height:42px;font-size:18px}
.product-nav .product-links{top:72px;left:18px;right:18px}
}
@media(max-width:360px){
.product-nav .product-row{gap:8px}
.product-nav .product-brand img{width:76px}
.product-nav .product-name{padding-left:8px}
.product-nav .product-name .pushback-wordmark{font-size:18px}
.product-nav .product-buy{padding-inline:8px}
}
@keyframes pb-nav-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.product-nav .product-buy:hover,.product-nav .product-buy:active{transform:none}.product-nav .product-row.menu-open .product-links{animation:none}}