header nav{max-width:1400px;padding:17px 4%;gap:24px}header nav>.logo{flex:0 0 auto}header nav .brand-logo{width:235px;height:auto;aspect-ratio:1420/285}header nav .links{gap:20px;margin-left:auto;font-size:12px;white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}header nav .nav-design{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#ffc400;color:#06347c;border:1px solid #ffc400;border-radius:999px;padding:13px 19px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 3px 0 #dca900}header nav .nav-design svg,.hero-design svg{width:22px;height:22px;flex:none}.nav-icon,header nav #cartOpen{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:10px;border:1px solid #dbe2ed;border-radius:50%;background:white;color:#063f98}.nav-icon svg{width:23px;height:23px}header nav #cartOpen #count{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;line-height:20px;font-size:11px;text-align:center;background:#063f98;color:white;border-radius:50%}.hero-copy .hero-design{display:inline-flex;width:auto;min-height:54px;align-items:center;justify-content:center;gap:18px;padding:15px 25px;margin:24px auto 15px;border-radius:999px;background:#063f98;color:#fff;box-shadow:0 5px 0 #ffc400;font-size:16px;font-weight:700;line-height:1.25;text-align:center}.hero-copy .hero-design span{display:inline;float:none;margin:0;letter-spacing:0}.hero-design:hover{background:#06347c}#accountDialog{width:min(440px,calc(100% - 32px));border-radius:20px}#accountDialog h2{font-size:28px}#accountDialog p{font-size:14px}
@media(max-width:1100px){header nav .links{display:none}.nav-actions{margin-left:auto}}
@media(max-width:760px){header nav{display:grid;grid-template-columns:1fr auto;padding:12px 18px;gap:12px}header nav .brand-logo{width:190px;height:auto}.nav-actions{display:contents}header nav>.logo{grid-column:1;grid-row:1}.nav-icon{grid-column:2;grid-row:1;margin-right:53px}header nav #cartOpen{grid-column:2;grid-row:1;justify-self:end}header nav .nav-design{grid-column:1/-1;grid-row:2;width:100%;padding:11px 18px;min-height:44px;box-shadow:none;font-size:14px;gap:12px}.hero-copy .hero-design{display:inline-flex;padding:15px 24px;max-width:100%;font-size:16px} }
@media(max-width:360px){header nav .brand-logo{width:165px}header nav{padding:10px 12px}}