/* MENU GLOBAL — independente do slide */
.lp-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:99!important;
  padding:34px 0 20px;
  transition:background .25s ease,backdrop-filter .25s ease,padding .25s ease,box-shadow .25s ease;
}

.lp-header.is-scrolled,
.lp-header.lp-header--solid{
  padding:18px 0;
  background:color-mix(in srgb,var(--color-dark) 88%,transparent);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.lp-header-container{
  width:min(100%,1480px);
  margin-inline:auto;
  padding-inline:110px;
  display:grid;
  grid-template-columns:330px 1fr 330px;
  align-items:center;
}

.lp-logo{
  display:inline-flex;
  align-items:center;
  position:relative;
  z-index:55;
}

.lp-logo img{
  max-width:233px;
  height:auto;
}

.lp-menu{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:64px;
}

.lp-menu a{
  position:relative;
  font-family:var(--font-sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:8px;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--color-light) 74%,transparent);
  padding:10px 0 12px;
  transition:color .25s ease;
}

.lp-menu a::after{
  content:"";
  position:absolute;
  left:0;
  right:.18em;
  bottom:0;
  height:1px;
  background:var(--color-light);
  transform:scaleX(0);
  transform-origin:left;
  opacity:.9;
  transition:transform .25s ease;
}

.lp-menu a:hover{color:var(--color-light)}
.lp-menu a:hover::after{transform:scaleX(1)}

/* Submenus gerenciados em Aparência > Menus */
.lp-menu-list > .menu-item-has-children{position:relative}

.lp-menu-list > .menu-item-has-children > a{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.lp-menu-list > .menu-item-has-children > a::before{
  content:"";
  order:2;
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .2s ease;
}

.lp-menu-list > .menu-item-has-children:hover > a::before,
.lp-menu-list > .menu-item-has-children:focus-within > a::before{
  transform:translateY(2px) rotate(225deg);
}

.lp-menu .sub-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  z-index:70;
  min-width:240px;
  margin:0;
  padding:12px 0;
  list-style:none;
  background:color-mix(in srgb,var(--color-dark) 94%,transparent);
  border:1px solid rgb(255 255 255 / 12%);
  border-radius:8px;
  box-shadow:0 16px 35px rgb(0 0 0 / 18%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,8px);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}

.lp-menu .sub-menu .menu-item-has-children{position:relative}
.lp-menu .sub-menu .sub-menu{top:-12px;left:calc(100% + 6px);transform:translate(8px,0)}

.lp-menu li:hover > .sub-menu,
.lp-menu li:focus-within > .sub-menu,
.lp-menu li.is-submenu-open > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}

.lp-menu .sub-menu li:hover > .sub-menu,
.lp-menu .sub-menu li:focus-within > .sub-menu,
.lp-menu .sub-menu li.is-submenu-open > .sub-menu{transform:translate(0,0)}

.lp-menu .sub-menu a{
  display:block;
  padding:11px 20px;
  font-size:12px;
  line-height:1.35;
  letter-spacing:2px;
  text-align:left;
  white-space:nowrap;
}

.lp-menu .sub-menu a::after{display:none}
.lp-menu .sub-menu a:hover,
.lp-menu .sub-menu a:focus{background:rgb(255 255 255 / 8%)}

.lp-header-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  position:relative;
  z-index:55;
}

.lp-header-action{display:inline-grid;place-items:center;padding:0;border:0;background:transparent;color:rgb(255 255 255 / 55%)!important;transition:color .25s ease,transform .25s ease}
.lp-header-action i{font-size:23px;line-height:1}
.lp-header-action:hover,.lp-header-action:focus{color:#fff!important;transform:translateY(-2px)}
.lp-cart{color:#fff!important}
.lp-cart i{font-size:30px}
.lp-cart:hover{color:#fff!important;animation:lp-cart-pulse .8s ease-in-out infinite alternate}

.lp-search-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding:clamp(90px,15vh,170px) 20px 30px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.lp-search-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.lp-search-backdrop{position:absolute;inset:0;background:rgb(35 27 24 / 68%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.lp-search-dialog{position:relative;width:min(100%,680px);padding:42px;background:var(--color-light);border-radius:12px;box-shadow:0 24px 70px rgb(0 0 0 / 22%);transform:translateY(-12px);transition:transform .25s ease}
.lp-search-modal.is-open .lp-search-dialog{transform:translateY(0)}
.lp-search-dialog h2{margin:0 45px 28px 0;color:var(--color-dark);font-size:clamp(1.55rem,4vw,2.2rem)}
.lp-search-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:0;background:transparent;color:var(--color-dark);font-size:21px}
.lp-search-field{display:flex;gap:10px}
.lp-search-field input{min-width:0;flex:1;padding:15px 17px;border:1px solid rgb(56 41 35 / 24%);border-radius:7px;background:#fff;color:var(--color-dark);outline:0}
.lp-search-field input:focus{border-color:var(--color-dark);box-shadow:0 0 0 3px rgb(56 41 35 / 10%)}
.lp-search-field button{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border:0;border-radius:7px;background:var(--color-dark);color:#fff}
.lp-search-scope{display:flex;flex-wrap:wrap;gap:12px 24px;margin:22px 0 0;padding:0;border:0}
.lp-search-scope legend{width:100%;margin-bottom:2px;color:var(--color-dark);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.lp-search-scope label{display:inline-flex;align-items:center;gap:7px;color:var(--color-dark);cursor:pointer}
.lp-search-scope input{accent-color:var(--color-dark)}
body.lp-search-open{overflow:hidden}

@keyframes lp-cart-pulse{
  from{transform:scale(1)}
  to{transform:scale(1.14)}
}

.lp-menu-toggle{
  display:none;
  width:34px;
  height:28px;
  border:0;
  padding:0;
  background:transparent;
  position:relative;
  z-index:60;
}

.lp-menu-toggle span{
  display:block;
  width:100%;
  height:2px;
  background:var(--color-light);
  margin:7px 0;
  transition:transform .25s ease,opacity .25s ease;
}

body.lp-menu-open{overflow:hidden}
body.lp-menu-open .lp-menu-toggle span:nth-child(1){transform:translateY(9px) rotate(45deg)}
body.lp-menu-open .lp-menu-toggle span:nth-child(2){opacity:0}
body.lp-menu-open .lp-menu-toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

@media (max-width:1399px){
  .lp-header-container{padding-inline:89px}
}

@media (max-width:1199px){
  .lp-header-container{
    grid-template-columns:260px 1fr 250px;
    padding-inline:40px;
  }
  .lp-menu{gap:40px}
  .lp-menu a{letter-spacing:6px}
}

@media (max-width:991px){
  .lp-header{padding:24px 0}
  .lp-header.is-scrolled,
  .lp-header.lp-header--solid{padding:18px 0}

  .lp-header-container{
    display:grid;
    grid-template-columns:1fr auto auto;
    column-gap:18px;
    padding-inline:34px;
  }

  .lp-logo img{max-width:210px}
  .lp-menu-toggle{display:block;grid-column:3}
  .lp-header-actions{grid-column:2;grid-row:1;gap:14px}
  .lp-header-action i{font-size:20px}
  .lp-cart i{font-size:27px}

  .lp-menu{
    position:fixed;
    top:0;
    right:0;
    width:min(82vw,360px);
    height:100dvh;
    padding:110px 34px 34px;
    background:color-mix(in srgb,var(--color-secondary) 97%,transparent);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:34px;
    transform:translateX(100%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .32s ease,visibility .32s ease;
    box-shadow:-20px 0 60px rgba(0,0,0,.12);
  }

  body.lp-menu-open .lp-menu{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
  }

  .lp-menu a{font-size:16px;letter-spacing:6px}

  .lp-menu-list{width:100%;max-height:calc(100dvh - 170px);overflow-y:auto}
  .lp-menu-list > li{width:100%;text-align:center}
  .lp-menu .sub-menu,
  .lp-menu .sub-menu .sub-menu{
    position:static;
    min-width:0;
    margin:10px 0 0;
    padding:4px 0 4px 18px;
    background:transparent;
    border:0;
    border-left:1px solid rgb(255 255 255 / 30%);
    border-radius:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .lp-menu .sub-menu a{
    padding:8px 12px;
    font-size:13px;
    letter-spacing:3px;
    text-align:center;
    white-space:normal;
  }
}

@media (prefers-reduced-motion:reduce){
  .lp-cart:hover{animation:none}
}

@media (max-width:767px){
  .lp-header{padding:21px 0}
  .lp-header-container{padding-inline:21px}
  .lp-logo img{max-width:178px}
  .lp-menu-toggle{width:30px;height:24px}
  .lp-menu-toggle span{margin:6px 0}
  body.lp-menu-open .lp-menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.lp-menu-open .lp-menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .lp-menu{width:82vw;padding:96px 28px 34px}
  .lp-search-dialog{padding:34px 20px 26px}
  .lp-search-field{flex-direction:column}
  .lp-search-field button{justify-content:center}
}

@media (max-width:480px){
  .lp-logo img{max-width:155px}
}


/* AJUSTE — MENU MOBILE EM TELA INTEIRA */
@media (max-width:991px){
  .lp-menu{
    inset:0;
    top:0;
    right:0;
    width:100%;
    height:100dvh;
    padding:130px 34px 50px;
    background:#96857d;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    align-items:center;
    justify-content:center;
    gap:34px;
    transform:translateY(-100%);
    box-shadow:none;
  }
  body.lp-menu-open .lp-header{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.lp-menu-open .lp-menu{transform:translateY(0)}
  .lp-menu a{font-weight:400;text-align:center}
}
@media (max-width:767px){
  .lp-menu{width:100%;padding:110px 24px 44px}
}