/* Reset mínimo */
*{box-sizing:border-box}
body.no-scroll{overflow:hidden}

/* Visibilidad responsiva */
.only-mobile{display:none}
.hide-on-small{display:flex}

@media (max-width: 960px){
  .only-mobile{display:flex}
  .hide-on-small{display:none}
}

/* Colores tipo Amazon */
:root{
  --az-dark:#131921;
  --az-dark-2:#232f3e;
  --az-yellow:#febd69;
  --az-yellow-2:#f3a847;
  --az-white:#fff;
  --az-gray:#ddd;
  --az-text:#f0f2f2;
  --az-link:#c6d3ff;
}

.az-header{
  position:sticky; top:0; left:0; right:0; z-index:1000;
  font-family: "Amazon Ember", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Topbar */
.az-topbar{
  display:flex; align-items:center; gap:12px;
  padding:6px 12px;
  background:var(--az-dark);
  color:var(--az-text);
}

/* Hamburguesa móvil */
.az-hamburger{background:transparent;border:0;display:inline-flex;flex-direction:column;gap:3px;padding:8px;cursor:pointer}
.az-hamburger span{display:block;width:18px;height:2px;background:var(--az-text)}

/* Logo */
.az-logo{display:flex;align-items:center;padding:4px 6px}
.az-logo img{height:36px;object-fit:contain}

/* Ubicación */
.az-location{display:flex;align-items:center;gap:6px;padding:6px;border-radius:2px;color:var(--az-text);text-decoration:none}
.az-location:hover{outline:1px solid rgba(255,255,255,.3)}
.az-location__tiny{display:block;font-size:11px;opacity:.9;line-height:1}
.az-location__place{display:block;font-size:13px;font-weight:600;line-height:1.1}

/* Buscador */
.az-search{
  flex:1 1 auto; display:flex; position:relative; max-width:900px; margin:0 8px;
  border-radius:6px; overflow:hidden; background:var(--az-white);
}
.az-search__cats{
  min-width:86px;border:0;background:#e6e6e6;padding:10px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;
  font-size:13px;white-space:nowrap
}
.az-search__cats:hover{background:#dcdcdc}
.az-search__input{
  flex:1;border:0;padding:11px 12px;font-size:14px;outline:none
}
.az-search__submit{
  width:50px;border:0;background:var(--az-yellow);display:grid;place-items:center;cursor:pointer
}
.az-search__submit:hover{background:var(--az-yellow-2)}
.az-cat-dd{
  position:absolute;left:0;top:100%;background:var(--az-white);border:1px solid var(--az-gray);
  border-top:none;width:220px;display:none;z-index:10;
}
.az-cat-dd.open{display:block}
.az-cat-dd button{display:block;width:100%;text-align:left;padding:8px 10px;background:#fff;border:0;cursor:pointer;font-size:14px}
.az-cat-dd button:hover{background:#f5f5f5}

/* Idioma */
.az-lang{
  display:flex;align-items:center;justify-content:center;width:42px;height:36px;border:1px solid transparent;border-radius:2px;
  color:var(--az-text);text-decoration:none;font-weight:700
}
.az-lang:hover{border-color:rgba(255,255,255,.3)}

/* Cuenta */
.az-account{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.az-account a{color:var(--az-text);text-decoration:none;font-size:12px}
.az-account__hello{font-size:12px}
.az-account__lists{font-weight:700}

/* Pedidos */
.az-orders{display:flex;flex-direction:column;color:var(--az-text);text-decoration:none;padding:4px}
.az-orders .tiny{font-size:12px}
.az-orders strong{font-size:13px}

/* Carrito */
.az-cart{display:flex;align-items:center;color:var(--az-text);text-decoration:none;position:relative;padding:4px}
.az-cart__count{
  position:absolute;top:0;right:8px;transform:translate(50%,-20%);
  background:#f08804;color:#111;padding:0 5px;border-radius:10px;font-size:12px;font-weight:700;line-height:18px;min-width:18px;text-align:center
}
.az-cart__label{margin-left:4px;font-size:12px}

/* Subbar */
.az-subbar{
  display:flex;gap:14px;align-items:center;
  background:var(--az-dark-2); color:var(--az-text); padding:8px 12px; overflow:auto
}
.az-subbar a{color:var(--az-text);text-decoration:none;white-space:nowrap;font-size:13px;padding:4px 6px;border-radius:2px}
.az-subbar a:hover{background:rgba(255,255,255,.08)}

/* Buscador móvil */
.az-search-mobile{
  display:none; gap:8px; padding:8px 12px; background:var(--az-dark);
}
.az-search-mobile input{
  flex:1;border:0;border-radius:6px;padding:10px 12px;font-size:14px
}
.az-search-mobile button{
  width:44px;border:0;border-radius:6px;background:var(--az-yellow);display:grid;place-items:center
}

@media (max-width:960px){
  .az-topbar{gap:6px}
  .az-logo img{height:28px}
  .az-search{display:none}
  .az-search-mobile{display:flex}
}

/* Drawer lateral móvil */
.az-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s;z-index:998
}
.az-backdrop.show{opacity:1;pointer-events:auto}
.az-drawer{
  position:fixed;inset:0 auto 0 0;width:78%;max-width:360px;background:#fff;transform:translateX(-100%);
  transition:transform .2s;z-index:999;display:flex;flex-direction:column;box-shadow:2px 0 16px rgba(0,0,0,.25)
}
.az-drawer.open{transform:none}
.az-drawer__head{display:flex;align-items:center;gap:10px;padding:12px;background:var(--az-dark-2);color:#fff}
.az-drawer__head .hello{font-size:14px}
.az-drawer__head .signin,.az-drawer__head .signup{color:#fff;text-decoration:none;background:rgba(255,255,255,.12);padding:6px 10px;border-radius:4px}
.az-drawer__head .close{margin-left:auto;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.az-drawer__nav{display:flex;flex-direction:column;padding:8px}
.az-drawer__nav a{padding:10px;border-radius:6px;color:#111;text-decoration:none}
.az-drawer__nav a:hover{background:#f5f6f6}