/* ============================================================
   landing-nav.css — busca / menu / filtro nas landing pages
   (namespaced .ln-* pra não conflitar com o CSS inline da página)
   ============================================================ */
.ln-backdrop{position:fixed;inset:0;z-index:1400;background:rgba(20,20,25,.28);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;}
.ln-backdrop.is-on{opacity:1;visibility:visible;}

.ln-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1401;
  background:#fff;border-radius:22px 22px 0 0;
  box-shadow:0 -12px 50px rgba(0,0,0,.18);
  transform:translateY(102%);transition:transform .34s cubic-bezier(.22,1,.36,1);
  max-height:82vh;display:flex;flex-direction:column;
  padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;}
.ln-sheet.is-on{transform:translateY(0);}
.ln-sheet__grip{width:38px;height:5px;border-radius:3px;background:#D8D8DD;margin:9px auto 4px;flex:0 0 auto;}
.ln-sheet__head{display:flex;align-items:center;gap:10px;padding:6px 16px 10px;flex:0 0 auto;}
.ln-sheet__title{flex:1;font-size:17px;font-weight:600;letter-spacing:-.01em;color:#1D1D1F;}
.ln-close{width:34px;height:34px;flex:0 0 auto;border:none;background:#F2F2F7;border-radius:50%;
  color:#3A3A3C;display:grid;place-items:center;cursor:pointer;transition:background .15s ease;}
.ln-close:active{background:#E5E5EA;}
.ln-close svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;}

/* busca */
.ln-searchbar{display:flex;align-items:center;gap:9px;margin:0 16px 8px;padding:11px 14px;
  background:#F2F2F7;border-radius:13px;flex:0 0 auto;}
.ln-searchbar svg{width:19px;height:19px;stroke:#8E8E93;stroke-width:2;fill:none;stroke-linecap:round;flex:0 0 auto;}
.ln-input{flex:1;border:none;background:none;outline:none;font-size:16px;color:#1D1D1F;font-family:inherit;-webkit-appearance:none;appearance:none;min-width:0;}
.ln-input::placeholder{color:#8E8E93;}
.ln-input::-webkit-search-cancel-button,.ln-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none;}
.ln-res__tx{display:flex;flex-direction:column;min-width:0;}
.ln-results{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 8px 8px;}
.ln-res{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:14px;text-decoration:none;
  transition:background .15s ease;}
.ln-res:active{background:#F2F2F7;}
.ln-res__img{width:46px;height:46px;flex:0 0 auto;border-radius:11px;background:#F5F5F7;object-fit:contain;}
.ln-res__tx{min-width:0;}
.ln-res__t{font-size:15.5px;font-weight:600;color:#1D1D1F;letter-spacing:-.01em;line-height:1.2;}
.ln-res__s{font-size:13px;color:#8A8A8E;margin-top:2px;}
.ln-empty{padding:26px 18px;text-align:center;color:#8A8A8E;font-size:14.5px;}

/* listas (menu) */
.ln-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 10px 8px;}
.ln-item{display:flex;align-items:center;gap:14px;padding:15px 12px;border-radius:14px;text-decoration:none;
  color:#1D1D1F;transition:background .15s ease;}
.ln-item:active{background:#F2F2F7;}
.ln-item+.ln-item{box-shadow:inset 0 1px 0 #F0F0F2;}
.ln-item__ic{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#F5F5F7;display:grid;place-items:center;color:#0071E3;}
.ln-item__ic svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ln-item__t{flex:1;font-size:16px;font-weight:500;letter-spacing:-.01em;}
.ln-item__chev{width:18px;height:18px;color:#C2C2C6;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}

/* filtro (chips) */
.ln-group{padding:6px 18px 4px;}
.ln-group__t{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A8A8E;margin:12px 0 9px;}
.ln-chips{display:flex;flex-wrap:wrap;gap:9px;}
.ln-chip{border:1px solid #E4E4E9;background:#fff;color:#1D1D1F;border-radius:100px;padding:9px 15px;
  font-size:14.5px;font-weight:500;text-decoration:none;transition:background .15s ease,border-color .15s ease;}
.ln-chip:active{background:#F2F2F7;border-color:#D8D8DD;}
.ln-chip:hover{border-color:#0071E3;color:#0071E3;}
.ln-item:hover,.ln-res:hover{background:#F5F5F7;}
.ln-close:focus-visible,.ln-chip:focus-visible,.ln-item:focus-visible,.ln-res:focus-visible{outline:2px solid #0071E3;outline-offset:2px;}

@media(min-width:760px){
  .ln-sheet{left:50%;right:auto;bottom:auto;top:64px;transform:translate(-50%,-14px);
    width:min(560px,92vw);border-radius:20px;max-height:78vh;opacity:0;
    transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease;}
  .ln-sheet.is-on{transform:translate(-50%,0);opacity:1;}
  .ln-sheet__grip{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .ln-backdrop,.ln-sheet{transition:opacity .12s ease,visibility .12s ease;}
}

/* ===== chip "+ bônus" sobre a foto da peça nas landings (padrão Apple) ===== */
figure.fig{position:relative;}
.ld-bonus{position:absolute;right:14px;bottom:14px;left:auto;display:inline-flex;align-items:center;gap:7px;
  background:#fff;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:600;color:#0071E3;
  letter-spacing:-.01em;line-height:1;white-space:nowrap;
  pointer-events:none;z-index:3;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  animation:ldFloat 3.4s ease-in-out infinite;will-change:transform;}
.ld-bonus svg{width:14px;height:14px;flex:0 0 auto;stroke:#0071E3;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

/* efeito flutuante: sobe e desce de leve, com a sombra abrindo como se estivesse solto da página */
@keyframes ldFloat{
  0%,100%{transform:translateY(0);box-shadow:0 7px 16px rgba(0,0,0,.16);}
  50%{transform:translateY(-7px);box-shadow:0 18px 28px rgba(0,0,0,.13);}
}
@media (prefers-reduced-motion:reduce){
  .ld-bonus{animation:none;box-shadow:0 7px 16px rgba(0,0,0,.16);}
}

/* chip de bônus também no hero (sobre a foto de abertura) */
.hero .scene{position:relative;}
.ld-bonus--hero{right:16px;bottom:16px;left:auto;}