/* Topo (seção header) — medidas da loja publicada. */
.header-section{position:sticky;top:0;z-index:20}
.admin-bar .header-section{top:var(--wp-admin--admin-bar--height,32px)}
@media screen and (max-width:600px){.admin-bar .header-section{top:0}}
.header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"start logo end";align-items:center;column-gap:var(--sp-3);padding:calc(var(--section-padding-top) * .75) var(--page-padding) calc(var(--section-padding-bottom) * .75);color:rgb(var(--color-foreground));transition:transform .5s var(--rp-ease-nav),padding-block-start .5s var(--rp-ease-nav),padding-block-end .5s var(--rp-ease-nav)}
/* Abaixo de 768px o respiro é 3/4 do configurado (section--padding da loja); acima, o valor cheio */
@media screen and (min-width:768px){.header{padding-block:var(--section-padding-top) var(--section-padding-bottom)}}
.header::before{content:"";position:absolute;inset:0;z-index:1;background-color:rgb(var(--color-background));pointer-events:none}
.header-section.header-scrolled .header{padding-block-start:calc(var(--section-padding-top) * .75);padding-block-end:calc(var(--section-padding-bottom) * .75)}
.header-section.header-hidden{pointer-events:none}
.header-section.header-hidden .header{transform:translateY(-100%)}

.header__icons{position:relative;z-index:2;display:flex}
.header__icons--start{grid-area:start;justify-content:flex-start;margin-inline-start:-10px}
.header__icons--end{grid-area:end;justify-content:flex-end;margin-inline-end:-10px}
.header__buttons{display:flex;align-items:center;gap:var(--sp-1d5)}
.header__button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:inherit;transition:opacity .3s}
.header__button .rp-icon{width:24px;height:24px}
.header__button--account{display:none;width:calc(24px * 1.57);height:calc(24px * 1.57)}
@media(hover:hover){.header__button:hover .rp-icon{transform:scale(1.06)}.header__button .rp-icon{transition:transform .3s var(--rp-ease-soft)}}

/* Contador da sacola (o lojista pinta pelo custom_css da seção: cart-count.count) */
.header__buttons cart-count{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;font-size:var(--text-xs);font-weight:600;line-height:1;letter-spacing:0}

/* Logo (janela recortada do arquivo do logo, como o snippet header-logo do lojista) */
.header__logo{grid-area:logo;position:relative;z-index:2;display:flex;justify-content:center}
.header__logo.rp-header-brand{min-width:0;max-width:100%}
.header__logo .rp-header-logo-window{position:relative;display:block;width:var(--rp-logo-width);max-width:100%;aspect-ratio:4.8/1;overflow:hidden}
.rp-header-logo-window picture{display:block;width:100%;height:100%}
.header__logo .rp-header-logo-window img.rp-header-logo-image{display:block;position:absolute;left:50%;top:50%;width:150%;height:auto;max-width:none;max-height:none;transform:translate(-51%,-48.3%)}
.header__logo-link.rp-header-wordmark{color:inherit;font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.1;letter-spacing:.015em;white-space:nowrap}
@media screen and (max-width:1023px){.header__logo.rp-header-brand{max-width:calc(100vw - 168px)}.header__logo .rp-header-logo-window{width:var(--rp-logo-width-mobile)}}

/* Menu do computador */
.header__navigation{display:none;grid-area:nav}
.header__menu-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--rp-header-nav-gap,24px)}
.header__menu-item{position:relative}
.header__details>summary{position:relative;z-index:2;display:block;list-style:none}
.menu__item{position:relative;z-index:2;display:flex;align-items:center;height:48px;font-family:var(--font-navigation-family,inherit);font-size:var(--font-navigation-size);font-weight:var(--font-navigation-weight,500);text-transform:var(--font-navigation-text-transform,none);cursor:pointer}
.menu__text{position:relative}
.menu__text::after{content:"";position:absolute;left:50%;bottom:-7px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background-color:currentColor;transform:scale(0);transition:transform .4s var(--rp-ease-soft)}
.header__menu-item:hover .menu__text::after,.header__details[open]>summary .menu__text::after,.menu__item[aria-current] .menu__text::after{transform:scale(1)}

.dropdown{position:absolute;top:100%;left:-32px;z-index:0;padding-top:var(--rp-dropdown-gap,var(--section-padding-bottom));clip-path:inset(0 -40px -80px -40px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--rp-ease-nav),visibility .5s var(--rp-ease-nav)}
.header-section.header-scrolled .header{--rp-dropdown-gap:calc(var(--section-padding-bottom) * .75)}
.dropdown__container{position:relative;min-width:250px;width:max-content;max-width:min(420px,80vw);padding:var(--sp-6) var(--sp-8) var(--sp-10);border-radius:0 0 16px 16px;background-color:rgb(var(--color-background));transform:translateY(-100%);transition:transform .5s var(--rp-ease-nav)}
.dropdown__corner{position:absolute;top:0;width:16px;height:16px;pointer-events:none}
.dropdown__corner--left{left:-16px;background:radial-gradient(circle at 0 100%,transparent 15.5px,rgb(var(--color-background)) 16px)}
.dropdown__corner--right{right:-16px;background:radial-gradient(circle at 100% 100%,transparent 15.5px,rgb(var(--color-background)) 16px)}
.dropdown__nav{display:flex;flex-direction:column;gap:var(--sp-1d5)}
.dropdown__item{position:relative;opacity:0;transform:translateY(8px);transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.075,.82,.165,1)}
.dropdown__item a{font-size:var(--text-sm);line-height:1.5}
.dropdown__item a[aria-current]{background-size:100% 1px;background-position:0 min(100%,1.35em)}
.header__details[open]>.dropdown{opacity:1;visibility:visible;pointer-events:auto}
.header__details[open]>.dropdown>.dropdown__container{transform:none}
.header__details[open]>.dropdown>.dropdown__container>.dropdown__nav>.dropdown__item,.dropdown--child .dropdown__item{opacity:1;transform:none;transition-delay:calc(.25s + var(--rp-i,0) * .07s)}
.dropdown__item--parent>.header__details>summary{display:block}
/* Terceiro nível: 4px à direita do painel, com o topo 22px acima do texto do item e 24px de respiro embaixo (medidas da loja) */
.dropdown--child{top:-20px;left:calc(100% + var(--sp-8));padding:0 0 0 4px;clip-path:none}
.dropdown--child>.dropdown__container{min-width:246px;padding-bottom:var(--sp-6);border-radius:16px;transform:translateX(-8px);transition:transform .4s var(--rp-ease-soft)}
.dropdown__item--parent>.header__details[open]>.dropdown--child>.dropdown__container{transform:none}
@media screen and (min-width:1280px){.dropdown__nav{gap:var(--sp-2)}}

/* Fundo escuro da página enquanto um submenu está aberto */
.header__overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(to top,rgb(var(--color-drawer-overlay) / .1) 40%,rgb(var(--color-drawer-overlay) / .5) 80%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s var(--rp-ease-drawer) .1s,visibility .8s var(--rp-ease-drawer) .1s}
.header-section.has-dropdown .header__overlay{opacity:1;visibility:visible}

@media screen and (min-width:1024px){
  /* Espaço entre logo, menu e ícones e entre os itens do menu: 2em (24px) até 1399px e 2.5em (30px) a partir de 1400px, como na loja */
  .header{--rp-header-nav-gap:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"logo nav end";column-gap:var(--rp-header-nav-gap)}
  .header__icons--start{display:none}
  .header__navigation{display:flex;justify-content:flex-start}
  .header__button--account{display:flex}
}

@media screen and (min-width:1400px){.header{--rp-header-nav-gap:30px}}

/* Gaveta do menu (acordeão) */
.menu-drawer .rp-drawer__header{padding:var(--sp-8) var(--sp-5) var(--sp-4)}
.menu-drawer__nav{position:relative}
.menu-drawer__menu{padding:var(--sp-3) 0 var(--sp-10)}
.menu-drawer__group{padding-inline-start:var(--sp-5)}
.menu-drawer__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;padding:10px var(--sp-5) 10px 0;font-family:var(--font-heading-family);font-size:var(--text-2xl);font-weight:var(--font-heading-weight);line-height:1;letter-spacing:-.025em;list-style:none;cursor:pointer}
.menu-drawer__item .rp-icon{flex:none;width:24px;height:24px;margin-block:-2px;margin-inline-end:-2px;opacity:.4;transition:transform .4s var(--rp-ease-soft)}
.menu-drawer__details[open]>summary>.rp-icon{transform:rotate(180deg)}
.menu-drawer__list{padding:var(--sp-3) 0 var(--sp-10)}
.menu-drawer__submenu{overflow:hidden}
.menu-drawer__item[aria-current]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.menu-drawer__footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-5);background-color:rgb(var(--color-foreground) / .024)}
.menu-drawer__footer .rp-button{min-height:36px}
@media screen and (min-width:768px){.menu-drawer__menu{padding-top:var(--sp-6)}}
@media screen and (min-width:1024px){.menu-drawer{display:none}}
@media(prefers-reduced-motion:reduce){.header,.dropdown,.dropdown__container,.dropdown__item,.header__overlay{transition-duration:.01s!important;transition-delay:0s!important}}