/* Scrolled navigation fades on every page and becomes solid while in use. */
body .site-header.site-header{
  transition:height .3s ease,background-color .3s ease,box-shadow .3s ease,opacity .25s ease;
}
body .site-header.site-header.is-scrolled{
  opacity:.3;transform:none;background:#071f34e6!important;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body .site-header.site-header.is-scrolled .desktop-nav{backdrop-filter:none}
body .site-header.site-header.is-scrolled:is(:focus-within,.is-engaged,.mega-open),
body.menu-open .site-header.site-header{
  opacity:1;background:#071f34fa!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
@media(hover:hover){
  body .site-header.site-header.is-scrolled:hover{
    opacity:1;background:#071f34fa!important;
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
}
@media(prefers-reduced-motion:reduce){body .site-header.site-header{transition:none}}
/* Internal floating menus follow the same fade and interaction as the header. */
body :is(.cn-nav,.dx-subnav,.s30-nav){transition:opacity .25s ease}
body:has(.site-header.is-scrolled) :is(.cn-nav,.dx-subnav,.s30-nav){
  opacity:.3;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body:has(.site-header.is-scrolled) :is(.cn-nav,.dx-subnav,.s30-nav):focus-within{opacity:1}
@media(hover:hover){
  body:has(.site-header.is-scrolled) :is(.cn-nav,.dx-subnav,.s30-nav):hover{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  body :is(.cn-nav,.dx-subnav,.s30-nav){transition:none}
}
/* Floating navigation on every inner page, including the offers campaign. */
:is(.inner-page,.offers-page) .site-header{
  position:fixed!important;top:0;left:0;right:0;z-index:80;
  transition:height .3s ease,background-color .3s ease,box-shadow .3s ease;
}
:is(.inner-page,.offers-page) .site-header.is-scrolled{
  height:76px;opacity:1;transform:none;
  background:#071f34d9!important;border-bottom:1px solid #8adfff2b;
  box-shadow:0 8px 24px #00112624;
  backdrop-filter:blur(14px) saturate(112%);
  -webkit-backdrop-filter:blur(14px) saturate(112%);
}
:is(.inner-page,.offers-page) .site-header.is-scrolled:is(:hover,:focus-within,.is-engaged,.mega-open),
:is(.inner-page,.offers-page).menu-open .site-header{
  background:#071f34fa!important;
}
:is(.inner-page,.offers-page) .site-header.is-scrolled .brand{width:184px}
.offers-page{padding-top:96px}
.offers-page .brand{width:215px}
.offers-page .desktop-nav{gap:23px;padding:8px 23px;border:1px solid #8adfff2b;border-radius:40px;background:#09294380;backdrop-filter:blur(15px)}
.offers-page .desktop-nav a{font-size:12px;letter-spacing:.025em}
.offers-page .header-contact{border-radius:30px;border-color:#a4dfff50;background:#1c4b6640;box-shadow:inset 0 1px #e5faff15}
@media(min-width:1101px) and (max-width:1450px){
  .offers-page .desktop-nav{gap:16px;padding-left:20px;padding-right:20px}
}
@media(max-width:800px){
  :is(.inner-page,.offers-page) .site-header.is-scrolled{height:64px}
  :is(.inner-page,.offers-page) .site-header.is-scrolled .brand{width:174px}
}
@media(max-width:700px){.offers-page{padding-top:78px}}
@media(prefers-reduced-motion:reduce){
  :is(.inner-page,.offers-page) .site-header{transition:none}
}
/* Compact text navigation, retaining the original header. */
.parts-offer-nav{position:relative}.parts-offer-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:8px;line-height:1;font-weight:900;letter-spacing:.8px;padding:4px 6px;background:#ffe12b;color:#082954;border-radius:3px;white-space:nowrap;isolation:isolate}.parts-offer-badge:before{content:'';position:absolute;inset:-2px;border:1px solid #ffe12b;border-radius:5px;animation:offers-beacon 2.8s ease-out infinite;z-index:-1}.mega-link.mega-offer-highlight{background:#ffe12b;color:#072954;font-weight:700;padding-top:15px;padding-bottom:15px}.mega-link.mega-offer-highlight:after{content:'↗';font-size:20px}.mega-link.mega-offer-highlight:hover{background:#ffe958;color:#072954}@keyframes offers-beacon{0%,25%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.55,1.8);opacity:0}}.mobile-menu .parts-offer-badge{position:relative;top:auto;left:auto;transform:none;display:inline-block;margin-left:13px;vertical-align:middle}@media(prefers-reduced-motion:reduce){.parts-offer-badge:before{animation:none;display:none}}
.mega-trigger{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;cursor:pointer;text-align:left}
.site-header .desktop-nav>a{text-align:center;justify-content:center}
.parts-offer-entry{display:flex;align-items:center;justify-content:center;gap:24px;background:#ffe12b;color:#082954;padding:16px 24px;font-size:13px}.parts-offer-entry>span{font-size:10px;letter-spacing:1.3px;font-weight:900;border:1px solid #082954;padding:5px 8px}.parts-offer-entry strong{font-size:12px}.parts-offer-entry:hover{background:#ffe958}@media(max-width:700px){.parts-offer-entry{gap:10px;flex-wrap:wrap;font-size:11px;padding:13px 20px}.parts-offer-entry strong{font-size:11px}}
.mega-chevron{display:none}
.mega-trigger[aria-expanded=true]{color:#a3e5f5}.mega-trigger[aria-expanded=true] .mega-chevron{transform:rotate(225deg);margin-top:5px}
.site-header.mega-open{opacity:1!important;transform:none!important}
.mega-trigger:focus-visible,.mega-parent-link:focus-visible,.mega-panel a:focus-visible,.mega-accordion a:focus-visible{outline:2px solid #ffe000;outline-offset:2px;border-radius:4px}
.mega-panel{position:absolute;top:calc(100% - 1px);width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;padding:8px;border:1px solid #80cce533;border-radius:10px;background:#0b2b42;box-shadow:0 10px 25px #00101f3d;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .2s,transform .2s,visibility .2s}
.mega-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mega-links{display:flex;flex-direction:column;gap:2px}
.mega-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:9px 11px;border-radius:5px;color:#dcebf4;font-size:13px;line-height:1.35;font-weight:400;text-decoration:none;transition:background .2s}
.mega-link:hover,.mega-link:focus-visible{background:#174159;color:#fff}.mega-link.is-unavailable{color:#8faab9}.mega-link small{font-size:10px;white-space:nowrap}
.mega-all{display:block;margin-top:6px;padding:12px 11px 8px;border-top:1px solid #8bd6ea24;color:#a9d7e7;font-size:12px;text-decoration:none}.mega-all:hover{color:white}
.mega-clothing{display:flex;gap:14px;padding:5px 11px 8px}.mega-clothing a{color:#accbda;font-size:11px;text-decoration:none;padding:5px 0}.mega-clothing a:hover{color:white;text-decoration:underline}
.mega-accordion{display:none}.mega-accordion.is-open{display:block}
.mega-mobile-row{display:flex;align-items:center;border-bottom:1px solid #ffffff20}.mobile-menu .mega-parent-link{flex:1;min-width:0;border:0}.mega-mobile-toggle{justify-content:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:6px;background:#14374d;color:white}
@media(min-width:1101px) and (max-width:1450px){.desktop-nav{gap:16px;padding-left:20px;padding-right:20px}.site-header{gap:20px}}
@media(max-width:1100px){.site-header .desktop-nav,.site-header .header-contact{display:none}.site-header .menu-toggle{display:block}.site-header .mobile-menu{top:100%;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}.site-header.is-scrolled .mobile-menu{top:100%}.mega-panel{display:none}.mega-accordion{padding:6px 0 12px 8px}.mobile-menu .mega-link{display:flex;min-height:44px;padding:10px 12px;border:0;font-size:13px}.mobile-menu .mega-all{font-size:12px;padding:12px;border-bottom:0}.mobile-menu .mega-clothing a{font-size:12px;border:0;min-height:44px;padding:12px 0}.menu-open{overflow:hidden}}
@media(max-width:600px){.site-header .mobile-menu{padding:14px var(--pad);max-height:calc(100dvh - 78px)}.site-header.is-scrolled .mobile-menu{max-height:calc(100dvh - 64px)}}
@media(prefers-reduced-motion:reduce){.mega-panel,.mega-chevron,.mega-link{transition:none}}

/* Mini letreiro da campanha no menu Peças. */
.parts-offer-badge{
  top:-12px;padding:5px 8px 5px 19px;border:1px solid transparent;border-radius:6px;
  background:linear-gradient(155deg,#263a4f,#071322 48%,#030a13 72%,#233348) padding-box,
    linear-gradient(145deg,#f2f9ff,#687d90 22%,#e6eff8 48%,#334350 72%,#bdcfdf) border-box;
  color:#fff3a1;font:900 italic 9px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.6px;
  text-shadow:0 1px 0 #845208,0 0 5px #ffcf00cc;
  box-shadow:0 2px 0 #5b461c,0 3px 0 #020911,0 0 10px #ffd22944;
  animation:nav-offer-neon 9s ease-in-out infinite;
  pointer-events:none;
}
.parts-offer-badge::before{
  content:"";position:absolute;inset:auto;left:7px;top:50%;width:8px;height:12px;
  transform:translateY(-50%);border:0;border-radius:0;background:#fff1a1;
  clip-path:polygon(53% 0,5% 57%,44% 57%,29% 100%,100% 37%,59% 37%,75% 0);
  animation:nav-offer-tube 9s ease-in-out infinite;z-index:auto;filter:drop-shadow(0 0 3px #ffe12b);
}
.parts-offer-badge::after{
  content:"";position:absolute;inset:2px;border:1px solid #ffe149b3;border-radius:3px;
  box-shadow:inset 0 0 3px #ffd22944,0 0 4px #ffd22966;pointer-events:none;
  animation:nav-offer-tube 9s ease-in-out infinite;
}
@keyframes nav-offer-neon{
  0%,12%,68%,100%{box-shadow:0 2px 0 #5b461c,0 3px 0 #020911,0 0 10px #ffd22955}
  30%,58%{box-shadow:0 2px 0 #332b1c,0 3px 0 #020911,0 0 2px #ffd22908}
  60%,63%{box-shadow:0 2px 0 #8c6b22,0 3px 0 #020911,0 0 18px #ffd229aa}
}
/* Fade together, ignite each letter briefly, then light the whole sign. */
.parts-offer-letter{display:inline-block;animation:nav-offer-letter-o 9s linear infinite}
.parts-offer-letter:nth-child(2){animation-name:nav-offer-letter-f}
.parts-offer-letter:nth-child(3){animation-name:nav-offer-letter-e}
.parts-offer-letter:nth-child(4){animation-name:nav-offer-letter-r}
.parts-offer-letter:nth-child(5){animation-name:nav-offer-letter-t}
.parts-offer-letter:nth-child(6){animation-name:nav-offer-letter-a}
.parts-offer-letter:nth-child(7){animation-name:nav-offer-letter-s}
@keyframes nav-offer-letter-o{
  0%,12%,60%,100%{opacity:1}30%,31.9%,33%,34.2%,58%{opacity:.16}32%,32.8%,33.4%,34%{opacity:1}
}
@keyframes nav-offer-letter-f{
  0%,12%,60%,100%{opacity:1}30%,35.9%,37%,38.2%,58%{opacity:.16}36%,36.8%,37.4%,38%{opacity:1}
}
@keyframes nav-offer-letter-e{
  0%,12%,60%,100%{opacity:1}30%,39.9%,41%,42.2%,58%{opacity:.16}40%,40.8%,41.4%,42%{opacity:1}
}
@keyframes nav-offer-letter-r{
  0%,12%,60%,100%{opacity:1}30%,43.9%,45%,46.2%,58%{opacity:.16}44%,44.8%,45.4%,46%{opacity:1}
}
@keyframes nav-offer-letter-t{
  0%,12%,60%,100%{opacity:1}30%,47.9%,49%,50.2%,58%{opacity:.16}48%,48.8%,49.4%,50%{opacity:1}
}
@keyframes nav-offer-letter-a{
  0%,12%,60%,100%{opacity:1}30%,51.9%,53%,54.2%,58%{opacity:.16}52%,52.8%,53.4%,54%{opacity:1}
}
@keyframes nav-offer-letter-s{
  0%,12%,60%,100%{opacity:1}30%,55.9%,57%,58%{opacity:.16}56%,56.8%,57.4%,57.8%{opacity:1}
}
@keyframes nav-offer-tube{
  0%,12%,60%,100%{opacity:1}30%,55.9%,57%,58%{opacity:.15}56%,56.8%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .parts-offer-badge,.parts-offer-letter,.parts-offer-badge::after{animation:none}
  .parts-offer-badge::before{display:block;animation:none}
}
