/* Buscador en vivo del header */
/* .nav ya es sticky, así que sirve de ancla para el panel absoluto */
.nav-icons #sdgSearchToggle[aria-expanded="true"]{color:var(--c-gold)}

.sdg-search{position:absolute;left:0;right:0;top:100%;z-index:60;display:none;
  /* Glassmorphism, igual que el nav: cristal claro con desenfoque, brillo en el borde superior y sombra suave */
  background:linear-gradient(180deg,rgba(255,255,255,.78),color-mix(in srgb, var(--n-99) 66%, transparent));
  -webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);
  border-top:2px solid var(--c-amber);border-bottom:1px solid rgba(255,255,255,.55);
  box-shadow:0 28px 56px -18px color-mix(in srgb, var(--c-black) 45%, transparent),inset 0 1px 0 rgba(255,255,255,.7);color:var(--c-ink)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sdg-search{background:rgba(255,255,255,.97)}}
.sdg-search.is-open{display:block}
.sdg-search-inner{max-width:720px;margin:0 auto;padding:22px 24px 10px}

.sdg-s-form{position:relative;display:flex;align-items:center;gap:12px;border-bottom:1px solid color-mix(in srgb, var(--c-ink) 18%, transparent);padding-bottom:12px}
.sdg-s-form:focus-within{border-color:var(--c-amber)}
.sdg-s-form > svg{flex:none;color:var(--c-amber-text)}
.sdg-s-form input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
  font:400 22px/1.2 var(--font-display);color:var(--n-0)!important;-webkit-text-fill-color:var(--n-0);opacity:1!important;padding:4px 0!important}
.sdg-s-form input::placeholder{color:var(--n-66)}
.sdg-s-close{flex:none;background:none;border:0;cursor:pointer;color:var(--n-50);padding:4px;line-height:0}
.sdg-s-close:hover{color:var(--c-ink)}
.sdg-search.is-loading .sdg-s-form::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:30%;
  background:var(--grad-amber);animation:sdgSLoad 1s ease-in-out infinite}
@keyframes sdgSLoad{0%{left:0}50%{left:70%}100%{left:0}}

.sdg-s-results{max-height:min(62vh,460px);overflow-y:auto;padding:6px 0 10px}
.sdg-s-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:10px 8px;
  border-bottom:1px solid color-mix(in srgb, var(--c-ink) 8%, transparent);text-decoration:none;color:var(--c-ink);transition:background .15s}
.sdg-s-item:hover,.sdg-s-item.is-active{background:rgba(255,255,255,.6)}
.sdg-s-thumb{width:64px;height:64px;background:var(--c-ivory);display:block;overflow:hidden}
.sdg-s-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sdg-s-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.sdg-s-cat{font:400 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c-amber-text)}
.sdg-s-name{font:500 15px/1.3 var(--font-body);color:var(--c-ink)}
.sdg-s-name mark{background:none;color:var(--c-amber-text);font-weight:500;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--c-amber) 45%, transparent)}
.sdg-s-set{align-self:flex-start;margin-top:2px;padding:3px 6px;background:var(--c-ink,var(--c-ink));color:var(--c-white);font:500 10px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.sdg-s-out{font:400 11px/1 var(--font-body);color:var(--n-61)}
.sdg-s-price{font:500 15px/1.2 var(--font-body);color:var(--c-ink);text-align:right;white-space:nowrap}
.sdg-s-price small{display:block;font:300 11px/1 var(--font-body);color:var(--n-50);margin-bottom:3px}
.sdg-s-price del{display:block;color:var(--n-55a);font-weight:300;font-size:12px;opacity:1}
.sdg-s-price ins{text-decoration:none;background:none;color:var(--c-ink)}
.sdg-s-price.is-sale ins{color:var(--c-amber-text);font-weight:600}
.sdg-s-sw{display:flex;align-items:center;gap:5px;margin-top:3px}
.sdg-s-sw i{width:14px;height:14px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-ink) 20%, transparent)}
.sdg-s-sw em{font:400 11px/1 var(--font-body);font-style:normal;color:var(--n-50)}
.sdg-s-all{display:block;text-align:center;padding:14px 8px 6px;font:500 13px/1 var(--font-body);
  letter-spacing:.08em;text-transform:uppercase;color:var(--c-amber-text);text-decoration:none}
.sdg-s-all:hover{color:var(--c-ink)}
.sdg-s-empty{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:28px 12px;font:300 14px/1.5 var(--font-body);color:var(--n-50)}
.sdg-s-empty strong{font:500 16px/1.3 var(--font-body);color:var(--c-ink)}
.sdg-s-empty a{color:var(--c-amber-text);font-weight:500}

@media (max-width:600px){
  .sdg-search-inner{padding:16px 16px 6px}
  .sdg-s-form input{font-size:19px}
  .sdg-s-item{grid-template-columns:52px 1fr;gap:12px}
  .sdg-s-thumb{width:52px;height:52px}
  .sdg-s-price{grid-column:2;text-align:left}
}