.header__section{position:sticky;top:0;transition:.3s}.header__gapfy{box-shadow:0 4px 8px 0 #43434A14;position:-webkit-sticky;position:relative;top:0;width:100%;z-index:1000;background:#fff;.header__content{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;position:relative;font-family:var(--font-body-family);font-weight:500;@media screen and (min-width:768px){padding-inline:5vw;padding-block:24px}.header__menu_mobile{display:flex;align-items:center;@media screen and (min-width:768px){display:none}.open_nav_items,.close_nav_items{display:flex;align-items:center;min-width:44px;min-height:44px;justify-content:center}.close_nav_items{display:none}&:has(.nav_items[open]){.open_nav_items{display:none}.close_nav_items{display:flex}}.nav_items{position:absolute;width:100vw;height:90dvh;top:99%;padding:30px 0 0 0;overflow:hidden;left:0;flex-direction:column;overflow:scroll;background:#fff;justify-content:space-between;display:none;transform:translateX(-100%);animation:menuClose .6s forwards;&[open]{animation:menuOpen .6s forwards;display:flex;transform:translateX(0%)}.main_items{display:flex;flex-direction:column;gap:2rem;transition:.6s;padding:0;padding-inline:30px;&[closed]{transform:translateX(-120%)}:is(li){list-style-type:none;:is(a){color:#000001;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none;display:flex;justify-content:space-between;align-items:center;.menu-arrow-go{display:flex}.menu-arrow-down{display:none}}.line{display:none}}.item_user_access{margin-top:4rem;&:last-child{margin-top:0}:is(a){justify-content:flex-start;gap:.8rem;font-size:14px;font-weight:400;:is(svg){max-width:1.6rem;max-height:1.6rem}}}}.submenu__container{display:flex;flex-direction:column;width:100%;gap:1.6rem;position:absolute;padding-inline:30px;transition:.6s;transform:translateX(0);animation:subMenuOpen .6s forwards;&[closed]{display:none;transform:translateX(100%);animation:subMenuClose .6s forwards}.submenu_back__container{color:#000;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;gap:1rem;margin:0;@media screen and (min-width:768px){display:none}}.sublink__container{display:flex;flex-direction:column;gap:1.6rem;padding:0;:is(li){list-style-type:none;:is(a){color:#000001;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none;line-height:24px}.line{display:none}.sub-submenu__container{.sub-sublink__container{li{list-style:disc;a{font-weight:400;text-decoration:none;font-size:14px}}}}}}}.nav_mobile__utils{background:#F8F8F8;padding:30px 30px 60px 30px;.nav_mobile__account{display:flex;align-items:center;font-size:14px;color:#231F20;font-weight:400;text-decoration:none;margin-bottom:10px;gap:10px;span{font-weight:400}}.nav__social_medias{display:flex;gap:10px;:is(a){text-decoration:none;color:#fff0;display:flex;align-items:center}}}}}.header__logo{display:flex;max-width:140px;max-height:30px;width:100%;height:100%;position:absolute;left:50%;transform:translate(-50%,0);@media screen and (min-width:768px){max-width:167px;max-height:50px}:is(img){width:100%;height:30px;object-fit:contain;display:block}@media screen and (min-width:768px){position:static;transform:none;:is(img){height:50px}}}.header__menu_desktop{display:none;@media screen and (min-width:768px){display:flex}}.header__menu_desktop{display:none;@media screen and (min-width:768px){display:flex;position:static;transition:.6s;.nav_items{display:flex;justify-content:center;.main_items{display:flex;gap:30px;:is(li){list-style-type:none;cursor:pointer;:is(a){font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal;text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:10px;letter-spacing:.01em;color:#000001;.menu-arrow-go{display:none}.menu-arrow-down{display:flex;align-items:center}}}.item_user_access{display:none}}.close_nav_items{display:none}.submenu__container{position:absolute;top:100%;background:#fff;width:100%;left:0;padding:4rem;padding-inline:5vw;border-top:1px solid #c1c1c1;animation:subMenuOpenDesktop .6s forwards;transform:translateY(0%);opacity:1;z-index:-1;display:flex;flex-direction:column;background-color:#fff;border-top:1px solid #D2D3D5;&[closed]{display:none;transform:translateY(-100%);animation:subMenuCloseDesktop .6s forwards;opacity:0}.sublink__container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:15px;row-gap:24px;padding:0;width:100%;@media screen and (min-width:1800px){justify-self:end}:is(li){list-style-type:none;position:relative;:is(a){color:#000001;font-size:16px;font-style:normal;font-weight:600;line-height:normal;line-height:24px;text-decoration:none;word-break:break-word}.sub-submenu__container{.sub-sublink__container{padding:0;li{a{font-weight:400;text-decoration:none;font-size:14px}}}}}}.submenu_back__container{font-size:clamp(18px, 3vw, 24px);text-transform:uppercase;margin:0;font-family:var(--font-body-family);color:#000001;display:none;:is(svg){display:none}}}}.nav_mobile__utils{display:none}}}.header__icons{display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:167px;width:100%;:is(svg){width:24px;height:24px}.header__search,:is(.header__user),:is(.header__cart){min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.header__search{:is(svg){cursor:pointer}.search_input__container{display:none;position:absolute;left:0;top:-100%;background:#fff;width:100%;height:100%;padding:.8rem 1.6rem;animation:searchClose .6s forwards;z-index:3;justify-content:center;opacity:0;align-items:center;&[open]{display:flex;top:0;opacity:1;animation:searchOpen .6s forwards}:is(input){background:#fff0;border-radius:1.6rem;border:none;max-width:80vw;width:100%;padding:.6rem 1rem;color:#000;font-family:var(--font-body-family);font-size:clamp(1.4rem, 2vw, 1.6rem);border:1px solid #000;@media screen and (min-width:768px){max-width:50vw;height:fit-content;padding:16px 24px;margin-right:16px}&:focus{outline:none}}:is(button){background:#fff0;border:none;:is(svg){position:absolute;top:50%;transform:translateY(-50%);right:16vw;@media screen and (min-width:768px){right:28vw}}}.search_close{display:flex;align-items:center;:is(svg){position:static;transform:none;max-width:24px;max-height:24px;width:100%;height:100%}}}.search_btn{display:flex}}.header__user{display:none;@media screen and (min-width:768px){display:flex;cursor:pointer}}.header__cart{display:flex;position:relative;cursor:pointer}}}}@keyframes menuOpen{0%{display:none;transform:translateX(-100%)}1%{display:flex;transform:translateX(-100%)}100%{display:flex;transform:translateX(0)}}@keyframes menuClose{0%{display:flex;transform:translateX(0)}99%{display:flex;transform:translateX(-100%)}100%{display:none;transform:translateX(-100%)}}@keyframes subMenuOpen{0%{display:none;transform:translateX(100%)}1%{display:flex;transform:translateX(100%)}100%{display:flex;transform:translateX(0)}}@keyframes subMenuClose{0%{display:flex;transform:translateX(0)}99%{display:flex;transform:translateX(100%)}100%{display:none;transform:translateX(100%)}}@keyframes searchOpen{0%{display:none;top:-100%;opacity:0}1%{display:flex;top:-100%;opacity:0}100%{top:0%;opacity:1}}@keyframes searchClose{0%{display:flex;top:0;opacity:1}99%{display:flex;top:-100%;opacity:0}100%{display:none;top:-100%;opacity:0}}@keyframes subMenuOpenDesktop{0%{display:none;transform:translateY(-100%);opacity:0}1%{display:grid;transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes subMenuCloseDesktop{0%{display:grid;transform:translateY(0%);opacity:1}40%{opacity:0}99%{display:grid;transform:translateY(-100%)}100%{display:none;transform:translateY(-100%);opacity:0}}
/* === Hover do menu: dourado + sublinhado animado === */
@media screen and (min-width:768px){
.header__menu_desktop .main_items>li>a{position:relative;transition:color .22s ease}
.header__menu_desktop .main_items>li>a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:100%;background:#B0894A;border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform .26s cubic-bezier(.16,1,.3,1)}
.header__menu_desktop .main_items>li:hover>a{color:#B0894A}
.header__menu_desktop .main_items>li:hover>a::after{transform:scaleX(1)}
.header__menu_desktop .main_items>li:hover>a .menu-arrow-down svg path{stroke:#B0894A}
}
/* Links do mega-menu (sublinks) */
.header__menu_desktop .submenu__container .sublink__container li a{transition:color .2s ease}
.header__menu_desktop .submenu__container .sublink__container li a:hover{color:#B0894A !important}
/* Ícones do header (busca, conta, carrinho) */
.header__icons .header__search .search__open,.header__icons .header__user,.header__icons .header__cart{transition:transform .2s ease}
.header__icons .header__search .search__open:hover,.header__icons .header__user:hover,.header__icons .header__cart:hover{transform:translateY(-2px)}
.header__icons .header__user:hover svg path,.header__icons .header__cart:hover svg path{stroke:#B0894A}
.header__icons .header__search .search__open:hover svg path{fill:#B0894A}
/* === Busca do header: alinha input + lupa + fechar na mesma linha ===
   O form não tinha display:flex (o X caía p/ baixo) e o svg do botão era
   posicionado com right:28vw (lupa solta à direita). */
.header__search .search_input__container .search__form{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}
.header__search .search_input__container .search__form input[type="search"]{flex:1 1 auto;min-width:0;border:1px solid #B0894A !important;border-radius:var(--btn-radius,12px) !important;margin-right:0 !important}
.header__search .search_input__container .search__form button[type="submit"]{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:none;border-radius:50%;background:#B0894A;color:#fff;cursor:pointer;transition:background-color .25s ease}
.header__search .search_input__container .search__form button[type="submit"]:hover{background:#997640}
.header__search .search_input__container .search__form button[type="submit"] svg{position:static !important;transform:none !important;width:20px !important;height:20px !important}
.header__search .search_input__container .search_close{width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}

/* A11y: area de toque minima de 44px no icone de abrir a busca (era 24x24) */
.header__search .search__open{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}

/* A11y: links do menu desktop tinham 20px de altura clicavel; padding amplia
   o alvo sem mudar o visual (sublinhado reposicionado para compensar) */
@media screen and (min-width:768px){
.header__menu_desktop .main_items>li>a{padding-block:12px}
.header__menu_desktop .main_items>li>a::after{bottom:6px}
}
.open_nav_items,.close_nav_items,.header__cart,.search__open,.search_close{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;display:inline-flex;align-items:center}